/* CSS FOR Gift's 4 Ecology */
/* By 72dpi */

/* HTML elements */
body{ background:url(images/bak_body.jpg) repeat-x top left; text-align:center; padding-top:20px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#373737; }
a{ color:#338ac2; text-decoration:none; }
h2{ color:#4f4f4f; font-size:14px; font-weight:bold; }
h3{ color:#4f4f4f; font-size:12px; font-weight:bold; }

/**/
#conteneur{ width:960px; margin:0 auto; text-align:left; }
#header,
#content,
#footer{ clear:both; }

/**/
.colsright{ width:760px; float:right; }
.colsleft{ width:200px; float:left; }

/* divers */
.hidden{ visibility:hidden; }
.clear{ clear:both; }
.left{ float:left; }
.right{ float:right; }
#cache{ visibility:visible; background-color:#000; position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
#big{ /*position:fixed; top:50%; left:50%; margin-left:-150px; margin-top:-150px; border:1px solid #ccc; z-index:100; _position:absolute;*/ }

/* LOGO */
#header h1{}
#header h1 a{ display:block; background:url(images/logo_big.png) no-repeat 0 0; width:180px; height:60px; _background:url(images/logo_big.gif) no-repeat 0 0; }

/* menu principal */
#menu{ background:url(images/bak_menu_left.png) no-repeat top left; padding-left:15px; height:32px; margin-top:30px }
#menu div{ background:url(images/bak_menu_right.png) no-repeat top right; padding-right:15px; height:32px; /*float:left; <= si on veut que le menu s'adapte à la longueur des li */ }
#menu ul{}
#menu li{ float:left; line-height:32px; margin:0 10px;  }
#menu a{ text-transform:uppercase; color:#fff; background:url(images/ico_menu_bullet.png) no-repeat 0 4px; padding-left:15px; font-weight:bold; font-size:12px; _background:url(images/ico_menu_bullet.gif) no-repeat 0 4px; }
#menu a:hover{ background:url(images/ico_menu_bullet_on.png) no-repeat 0 4px; _background:url(images/ico_menu_bullet_on.gif) no-repeat 0 4px; }

/* menu categorie */
#nav_cat{}
#nav_cat li{ margin:3px 5px; }
#nav_cat a{ background:url(images/ico_cat_bullet.png) no-repeat 0 4px; padding-left:12px; cursor:pointer; }
#nav_cat a.active{ font-weight:bold;}
#nav_cat a:hover{ color:#FDA402; }
#nav_cat ul{ margin-left:20px; }
#nav_cat ul li{}
#nav_cat ul li a{ color:#77882c; }

/**/
#content .colsright{ background:url(images/bak_content.png) repeat-y 0 0; margin-top:25px; min-height:700px; }
#content .colsright h2{ padding:15px 0 15px 20px; margin:0; border-top:2px solid #808080; border-bottom:1px solid #CDCED0; position:relative; }
#content .colsright h2 span.brand{ color:#84B011; margin-right:10px; text-transform:uppercase; }
#content .colsright h2 div.type{ position:absolute; top:12px; right:0; }
#content .colsright h2 div.type img{ width:20px; height:20px; margin:2px;  }

#content #texte{ padding:20px; border-bottom:1px solid #ccc; }
#content #texte h2{ border:0; border-bottom:1px dotted #ccc; padding:5px 0; margin:10px 0; }
#content #texte .row{ clear:both; padding:25px 0; }
#content #texte .row img{ float:left; }
#content #texte .row p{ float:left; width:580px; margin:10px 0 0 15px; }

/* product details */
#products{ /*border-bottom:1px solid #ccc;*/ }
#products .colsleft{ width:160px; text-align:center; margin:20px 0; }
#products .colsleft img{ max-width:120px; }
#products .colsleft .prix{ background:url(images/bak_prix_left.png) no-repeat 0 0; width:23px; height:20px; padding-left:23px; margin:5px 0 5px 25px; /margin-left:-20px; }
#products .colsleft .quantite{ background:url(images/bak_quantite_left.png) no-repeat 0 0; width:23px; height:20px; padding-left:23px; margin:5px 0 5px 25px; /margin-left:-20px; }
#products .colsleft .quantite div,
#products .colsleft .prix div{ background:url(images/bak_prix_quantite_right.png) no-repeat top right; padding-right:10px; height:20px; line-height:20px; float:left; width:50px; text-align:center; }
#products .colsright{ width:600px; background:none; margin:10px 0; min-height:200px; }
#products .colsright p{ color:#878787; line-height:18px; margin:10px; }


.product{ padding:15px 10px; width:232px; float:left; border:1px solid #ccc; border-top:0; border-left:0; height:140px; position:relative; }
.product .left{ width:100px; }
.product img{ margin:10px; max-height:85px; max-width:85px; }
.product .prix{ color:#e87005; font-size:16px; font-weight:bold; text-align:center; }
.product .right{ width:100px; }
.product h4{ color:#2b2b2b; font-weight:bold; }
.product .description{ color:#808080; }
.product .type{ position:absolute; bottom:35px; right:5px; width:120px; }
.product .type img{ margin:2px; }

/* details */
a.button{ display:block; background:url(images/bak_btn_detail_left.png) no-repeat top left; padding-left:18px; height:17px; position:absolute; right:15px; bottom:15px; text-transform:uppercase; font-size:9px; }
a.button:hover{ color:#e87005; }
a.button span{ display:block; background:url(images/bak_btn_detail_right.png) no-repeat top right; padding-left:5px; padding-right:10px; height:17px; float:left; line-height:17px; cursor:pointer; }

/* menu footer */
#footer .colsright{ background:url(images/bak_footer.png) no-repeat top left; height:100px; }
#nav_footer{ margin:15px; }
#nav_footer li{ float:left; margin:0 10px; }
#nav_footer a{ color:#4f4f4f; background:url(images/ico_cat_bullet_on.png) no-repeat 0 4px; padding-left:12px; }
#nav_footer a:hover{ color:#FDA402; }

/* Form contact us */
#contact{ border-bottom:1px solid #CDCED0; padding:15px 0; }
#contact .row{ clear:both; padding:10px 0; }
#contact label{ width:80px; text-align:right; margin:0 10px; float:left; line-height:20px; }
#contact label span{ color:#f00; }
#contact input{ width:250px; float:left; border:1px solid #ccc; }
#contact textarea{ float:left; width:602px; border:1px solid #ccc; height:250px; }
#contact button{ border:0; background:none; background:url(images/arrow_right.gif) no-repeat center right; padding-right:15px; cursor:pointer; margin:5px 0 5px 650px; }
.alt{ position:absolute; background:url(images/alt_gauche.png) no-repeat top left; padding-left:22px; height:36px; _background:url(images/alt_gauche.gif) no-repeat top left; }
.alt span{ display:block; background:url(images/alt_droit.png) no-repeat top right; padding-right:22px; height:36px; line-height:40px; font-size:10px; color:#333; _float:left; white-space:nowrap; _background:url(images/alt_droit.gif) no-repeat top right }

/* search */
#form_search{ background:url(images/bak_top_navgleft.png) no-repeat top left; width:183px; padding-top:8px; margin:25px 0; }
#form_search div{ background:url(images/bak_bottom_navgleft.png) no-repeat bottom left; padding:0 5px 8px 5px; color:#878787; }
#form_search button{ border:0; background:none; background:url(images/arrow_right.gif) no-repeat center right; padding-right:15px; cursor:pointer; margin:5px 0 5px 100px; }
#form_search h3{ margin:0 2px 2px 2px; border-bottom:1px solid #373737; zoom:1; }
#form_search input{ width:170px; float:left; border:1px solid #ccc; margin:10px 0 0 0; }
#form_search a.type{ width:34px; height:34px; display:block; float:left; }
#form_search a.type img{ width:20px; height:20px; margin:5px 0 0 7px; }
#form_search a.type:hover,
#form_search a.active{ background:url(images/bak_typeprod.png) no-repeat 50% 50%; }

/* newsletter */
#form_newsletter{ background:url(images/bak_top_navgleft.png) no-repeat top left; width:183px; padding-top:8px; margin:25px 0; }
#form_newsletter div{ background:url(images/bak_bottom_navgleft.png) no-repeat bottom left; padding:0 5px 8px 5px; color:#878787; }
#form_newsletter h3{ margin:0 2px 2px 2px; border-bottom:1px solid #373737; zoom:1; }
#form_newsletter p{ margin:0 2px 2px 2px; zoom:1; }
#form_newsletter p.error{ color:#f00; }
#form_newsletter p.noerror{ color:#093; }
#form_newsletter input{ width:170px; float:left; border:1px solid #ccc; margin:10px 0 0 0; }
#form_newsletter button{ border:0; background:none; background:url(images/arrow_right.gif) no-repeat center right; padding-right:15px; cursor:pointer; margin:5px 0 5px 110px; }


/* Add to basket link styles----------------------------- */

/* hax */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*
.clearfix {
  zoom: 1;
}
*/

div.addcart { 
	/*border:1px solid #cc0000; */
	margin:0 0 0 25px; 
	width:120px;
}

div.addcart label.qty_label{ 
	width:70px;
	/* background:#ccc; */
	float:left;
	padding:2px 0 0 0; 
}

div.addcart input.qty{ 
	float:left; 
	width:28px;
}
div.addcart input.buynow{ 
	float:left; 
	margin:3px 0 0 0;	
	width:102px;
}
p.redtext{ 
	color:#ff0000;
	font-weight:bold;
	margin-bottom:10px;
}

p.greentext{ 
	color:#138441;
	font-weight:bold;
		margin-bottom:10px;
}

/* Basket table styles ---------------------------------------- */

table#carttable{border:1px solid #cccccc; width:100%; margin:0 0 20px 5px;}

table#carttable tr th{background:#138441; color:#ffffff; font-size:11px; padding:10px 0 10px 5px; margin:0px; }

table#carttable tr.cartrow{background-color:#cccccc; }

table#carttable tr td.undeline{ border-bottom:#cccccc solid 1px;  }

table#carttable tr td p{margin:0 5px 0 0; font-size:11px;}

table#carttable tr td p.alignright{text-align:right; }

table#carttable tr td p.alignleft{text-align:left; }

table#carttable tr td img{margin:0 5px 0 0; border:0px; } 

table#carttable tr td img.floatleft{ float:left; }

table#carttable tr td img.floatright{ float:right; }

table#carttable tr td form{float:left; margin:5px 0 0 5px;}

table#carttable tr td form input.input{ width:30px;  border:1px solid #cccccc; float:left; margin:2px 2px 0 0;  }

table#carttable tr td form input.update{ width:20px; float:left; }

table#carttable tr td form input.button{ width:50px;  background-color:#6B4566; color:#ffffff; border:1px solid #999999; font-size:11px;}

/*End basket styles -------------------*/

/*Basket summery styles --------------*/

#cart{ background:url(images/bak_top_navgleft.png) no-repeat top left; width:183px; padding-top:8px; margin:25px 0; }
#cart div{ background:url(images/bak_bottom_navgleft.png) no-repeat bottom left; padding:0 5px 8px 5px; color:#878787; }
#cart button{ border:0; background:none; background:url(images/arrow_right.gif) no-repeat center right; padding-right:15px; cursor:pointer; margin:5px 0 5px 100px; }
#cart h3{ margin:0 2px 2px 2px;}
#cart input{ width:170px; float:left; border:1px solid #ccc; margin:10px 0 0 0; }
#cart a.type{ width:34px; height:34px; display:block; float:left; }
#cart a.type img{ width:20px; height:20px; margin:5px 0 0 7px; }
#cart a.type:hover,
#cart a.active{ background:url(images/bak_typeprod.png) no-repeat 50% 50%; }

/* Check Out Page */
fieldset{ 
	border:none;
}
#delivery_form{ border-bottom:1px solid #CDCED0; padding:15px 0; }
#delivery_form h3{ border-bottom:1px solid #ccc; text-align:left; }
#delivery_form p{ clear:both; padding:10px 0; }
#delivery_form label{ width:130px; text-align:left; margin:0 10px; float:left; line-height:20px; }
#delivery_form label span{ color:#f00; }
#delivery_form input.input{ width:180px; float:left; border:1px solid #ccc; }
#delivery_form select{ width:180px; float:left; border:1px solid #ccc; }
#delivery_form textarea{ float:left; width:700px; border:1px solid #ccc; height:100px; margin:0 0 0 5px; }
#delivery_form input#button{ 
	width:80px;

	}
.alt{ position:absolute; background:url(images/alt_gauche.png) no-repeat top left; padding-left:22px; height:36px; _background:url(images/alt_gauche.gif) no-repeat top left; }
.alt span{ display:block; background:url(images/alt_droit.png) no-repeat top right; padding-right:22px; height:36px; line-height:40px; font-size:10px; color:#333; _float:left; white-space:nowrap; _background:url(images/alt_droit.gif) no-repeat top right }

div.block_1{
	width:355px; 
	float:left;
	

}
div.block_2{
	width:355px; 
	float:right;
	

}
div.block_1 label{ width:140px; text-align:left; margin:0 10px; float:left; line-height:20px; clear:left; }
div.block_2 label{ width:140px; text-align:left; margin:0 10px; float:left; line-height:20px; clear:left; }
div.block_2 p{
	margin:5px 0 5px 0;
	line-height:20px;
}

div.block_1 p{
	margin:5px 0 5px 0;
	line-height:20px;
}
div.block_2 h3{ border-bottom:1px solid #ccc; text-align:left; }
div.block_1 h3{ border-bottom:1px solid #ccc; text-align:left; }
#delivery_form label.normal-width{ width:300px; }