body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
strong {
    font-style:normal;
    font-weight:normal;
}
strong, b 
{
  font-weight: bold;
}



body{ background:#fff; color:#2d2d2d; font-family:Arial,Verdana,sans-serif; font-size:12px;}
a{ color:#F69235; text-decoration:none;}
a:hover{ color:#E86B32; text-decoration:none;}
input,select,textarea{ font-family:Arial,Verdana,sans-serif; font-size:12px;}
h1{font-size: 16px; font-weight: bold; color: #fff; background-color: #92B511; margin: 0px 0px 5px 0px; padding-left:4px; padding-top:3px;}
h2{font-size: 14px; font-weight: bold; color: #94BD5E; border-bottom: solid 0px #C0C0C0; margin: 5px 0 5px 0; height: 30px;}

/* Header lepotiron.fr */
#logoSmall{ background:url(../images/logo_small.png) no-repeat top left; height:37px; left:0px; top:10px; position:absolute; width:160px;}
#logoSmall a{ display:block; height:37px; overflow:hidden; text-indent:-290486px; width:160px; left: 150px; color:  #C0C0C0;}
#tagLine{background-color: #fff; position: absolute; top:25px; left:200px; font-family:Arial,Verdana,sans-serif; font-size:12px; color: #C0C0C0;} 
#RightHeader{display: block; background-color: #fff; position: absolute; top:30px; right: 20px;}
#RightHeader li{display: inline; margin: 0 10px 0 10px;}
/* Footer lepotiron.fr */
#footer{ background-color:#fff; height:90px; position:relative; padding-top: 80px; z-index:1100; border-top: solid 0px grey; clear:both;}
#footer ul{ position: relative; margin-right: auto; margin-left: auto; width: 600px; margin-top: 30px;} 
#footer li{display: inline; margin: 30px 5px 30px 5px;}
/* Structure */
#global{ background:#fff; border:0px solid #FF6A00; border-width:0px; margin:0 auto; position:relative; width:950px;}
#header{ background:#fff  top left; height:50px; position:relative; z-index:1100; border-bottom: solid 0px grey; margin-bottom:20px;}
.main{ background:#fff; padding:10px 30px;}
.main .border{
	border-top-style: solid;
	border-top-color: #FF6A00;
}

#right
{
	float:right; width:300px;
}

.content
{width:580px;}

/* User formular structure */
.bloc{font-size:13px; line-height:18px; padding:10px; position:relative;}
.blocLabel{ float:left; font-size:14px; font-weight:normal; color: #808080; line-height:20px; padding-right:10px; width:160px;}
.blocField{ float:left; line-height:20px; width:690px; margin-bottom: 10px;}
.blocClear{ clear:left; height: 0px; margin: 0 0 0 0;}
.inputText{ padding:2px; width:296px;color: #808097; font-weight: bold;}
.inputRadio{ padding:2px; width:296px;color: #808097; font-weight: bold;}
.inputArea{ padding: 2px; height:200px; width:520px; color: #808097; font-weight: normal;}
.blocHelpSide340{ float:right; font-size:12px; line-height:13px; width:340px; margin-top:3px; color: #C0C0C0;}
#garden_submit{position: absolute; right: 350px;}
/* Product selection form */
.products{width: 890px; margin-bottom:20px; position: relative; border-width: 1px; overflow-x: auto;}
.product{margin-bottom:10px;}
.item{float: left; width: 100px;}
.product_img{margin-left: 26px;}
.product_name{text-align: center; color: #808080;}
.product_quantity{float: left; text-align: center; text-decoration: underline; margin: 24px auto auto 20px; color: #FF6A00; cursor: pointer;}
.product_quantity_field_0{display: block; font-size: 12px;}
.product_quantity_field_1{display: none; font-size: 14px;}
.product_quantity_field_2{display: none; font-size: 16px;}
.product_quantity_field_3{display: none; font-size: 18px;}


.showproduct{float:left; width:110px;}

.valid
{
background:url(../images/valid_button.png);font:15px arial,sans-serif;border:none;cursor:pointer;margin:0;outline:0;vertical-align:top;border:solid 1px;border-color:#ccc #999 #999 #ccc;height:30px;
}

.inputindex
{
background:url(../images/nav_logo13.png) bottom;font:15px arial,sans-serif;border:none;cursor:pointer;height:30px;margin:0;outline:0;vertical-align:top;border:solid 1px;border-color:#ccc #999 #999 #ccc;height:30px;
}

.inputindex:active{background:#ccc}


/* AUTOCOMPLETOR CSS*/

.suggestionsBox {
	position: relative;
	left: 0px;
	top:0px;
	margin: -1px 0px 0px 0px;
	width: 300px;
	background-color: white;
	border: 1px solid #A4C9E3;	
	border-top:0px;
	color: #6B6B6B;
	text-align:left;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
	padding-left:3px;
	padding-top:3px;
	padding-bottom:3px;
}

.suggestionList li {
	
	margin: 0px 0px 0px 2px;
	padding: 0px;
	cursor: pointer;
	font-family:arial;
	font-size:12px;
	list-style-type:none;
}

.suggestionList li:hover {
	color: #94BD5E;
}



.suggestionsBox2 {

	margin: auto;
	margin-top:-1px;
	width: 260px;
	background-color: white;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;	
	border-right: 1px solid #999999;	
	border-top:0px;
	color: #6B6B6B;
	text-align:center;
}

.suggestionList2 {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
}

.suggestionList2 li {
	
	margin: 0px 0px 0px 10px;
	padding: 0px;
	cursor: pointer;
	font-family:arial;
	font-size:20px;
	list-style-type:none;
}

.suggestionList2 li:hover {
	color: #FD9D3A;
}




.suggestionsBox3 {

	margin-top:-1px;
	width: 260px;
	background-color: white;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;	
	border-right: 1px solid #999999;	
	border-top:0px;
	color: #6B6B6B;
	text-align:center;
}

.suggestionList3 {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
}

.suggestionList3 li {
	
	margin: 0px 0px 0px 10px;
	padding: 0px;
	cursor: pointer;
	font-family:arial;
	font-size:20px;
	list-style-type:none;
}

.suggestionList3 li:hover {
	color: #FD9D3A;
}

#addthis{
 float:left;
 margin-right:4px;
}