/*** INITIALISATION ***/
/**********************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1.2; }
table { border-spacing: 0; }
caption, th, td { 
text-align: left; 
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*** BASE ***/
/************/

body {
overflow:-moz-scrollbars-vertical;
background-color: #C0F5EA;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: #444;
}

.clear {
position: relative;
clear: both;
}

.size9 {
font-size: 9px;
}

a:link, a:visited {
color: #0088CF;
text-decoration: underline;
}

a:hover, a:active {
color: #0866a6;
}

a:link.more, a:visited.more { 
font-weight: bold;
text-decoration: underline;
color: #0866a6;
}

a:hover.more, a:active.more {
color: #0088CF;
}

input, textarea {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: #444;
background-color: #FFF;
border: 1px solid #005188;
padding: 2px 2px;
}

p {
line-height: 154%;
margin: 0 0 25px 0;
}

h2 {
font-size: 12px;
font-weight: bold;
color: #0088CF;
text-decoration: underline;
margin: 0 0 20px 0;
}

table { border-collapse: collapse; }

.header { font-weight: bold; }
.justify { text-align: justify; }

/*** CONTAINER ***/
/*****************/

#container {
width: 994px;
background-color: #FFF;
position: relative;
margin: 5px auto 0 auto;
padding: 28px 5px 0px 5px;
}

#logo {
position: relative;
margin: 0 0 28px 34px;
}

#cart_status {
position: relative;
display: block;
float: right;
margin: 55px 0 6px 0;
width: 205px;
float: right;
height: 32px;
background: transparent url("/design/bg-cart.png") repeat-x top left;
padding: 7px 5px 0 5px;
color: #FFF;
text-align: right;
}

#cart_status #left, #cart #right {
position: relative;
width: 2px;
height: 39px;
}

#cart_status #left {
background: transparent url("/design/bg-cart-left.png") no-repeat top left;
float: left;
margin: -7px 0 0 -5px;
}

#cart_status #right {
background: transparent url("/design/bg-cart-right.png") no-repeat top left;
float: right;
margin: -7px -5px 0 0;
}

#cart_status img {
position: absolute;
top: 5px;
left: 12px;
}

#cart_status a:link, #cart_status a:visited {
position: relative;
display: block;
float: right;
height: 17px;
padding: 3px 25px 0 8px;
margin: 3px 5px 0 10px;
background: transparent url("/design/btn-brun-right.gif") no-repeat top right;
color: #F7D797;
text-decoration: none;
}

#top {
position: relative;
z-index: 5;
}

/*** MENU ***/
/************/

#menu {
position: relative;
clear: both;
height: 35px;
margin: 0px 0 1px 0px;
}

#menu a:link, #menu a:visited {
position: relative;
display: block;
float: left;
width: 138px;
height: 35px;
margin-right: 1px;
}

a:link#btn-home, a:visited#btn-home { background: transparent url("/design/btn-home.png") no-repeat top left; }
a:link#btn-about, a:visited#btn-about { background: transparent url("/design/btn-about.png") no-repeat top left; }
a:link#btn-product, a:visited#btn-product { background: transparent url("/design/btn-products.png") no-repeat top left; }
a:link#btn-tradeshow, a:visited#btn-tradeshow { background: transparent url("/design/btn-tradeshow.png") no-repeat top left; }
a:link#btn-contact, a:visited#btn-contact { background: transparent url("/design/btn-contact.png") no-repeat top left; }

a:hover#btn-home, a:active#btn-home { background: transparent url("/design/btn-home-hover.png") no-repeat top left; }
a:hover#btn-about, a:active#btn-about { background: transparent url("/design/btn-about-hover.png") no-repeat top left; }
a:hover#btn-product, a:active#btn-product { background: transparent url("/design/btn-products-hover.png") no-repeat top left; }
a:hover#btn-tradeshow, a:active#btn-tradeshow { background: transparent url("/design/btn-tradeshow-hover.png") no-repeat top left; }
a:hover#btn-contact, a:active#btn-contact { background: transparent url("/design/btn-contact-hover.png") no-repeat top left; }

/*** SEARCH ***/
/**************/

#search {
position: relative;
width: 232px;
height: 37px;
float:left;
background-color: #0866A6;
margin: 0 0 0 0px;
}

#search img {
position: relative;
margin: 11px 0 0 20px;
}

#input-search {
position: absolute; 
width: 91px;
left: 77px;
top: 8px; 
height: 14px;
padding: 2px 2px;
}

#btn-search {
position: absolute;
left: 176px;
top: 8px;
padding: 0;
}

/*** BREADCRUMBS ***/
/*******************/

#breadcrumbs {
position: relative;
margin: 0px 0 0 0px;
color: #0088CF;
font-size: 10px;
padding-top:10px;
width:450px;
float:right;
}

#breadcrumbs a:link#racine, #breadcrumbs a:visited#racine { font-weight: bold; }

/*** CONTENU ***/
/***************/

table#contenu {
position: relative;
margin: 0px 0 0px 0;
/*height: 800px;*/
width: 994px;
clear:both;
}

#pic {
width: 299px;
background: #98E2FB url("/design/image-left.jpg") no-repeat top left;
}

#col1, #col2, #col2-full { vertical-align: top; }

#col1 {
width: 232px;
border-left: 1px solid #FFF;
background-color: #E9F6E3;
}

#col2 { 
/*width: 462px; */
}
#col2-full { width: 694px; }

#col2 #content { padding: 0px 30px 20px 35px; }
#col2-full #content { padding: 96px 30px 20px 35px; }

.title {
display: block;
position: relative;
clear: both;
margin: 0 0 5px 0;
}

.subtitle {
display: block;
position: relative;
clear: both;
margin: 0 0 3px 0;
}

.picture-product {
margin: 0 0 30px 0;
}

/*** MENU LVL2 ***/
/*****************/

#menu-lvl2 {
margin: 15px 0 0 0;
padding: 0 0px;
}

#menu-lvl2 a:link, #menu-lvl2 a:visited {
color: #0866A6;
font-size: 12px;
font-weight: bold;
display: block;
text-decoration: none;
background: transparent url("/design/menu-lvl2-arrow.gif") no-repeat center left;
padding: 5px 0 5px 32px;
}

#menu-lvl2 a:link.linka, #menu-lvl2 a:visited.linka {
background-color: #F5FBF2;
}

/*** PRODUCTS ***/
/****************/

table.product-info {
width: 396px;
border: 1px solid #CCEFFA;
margin: 10px 0 0 0 ;
}

.product-info .PIcol1, .product-info .PIcol2, .product-info .PIcol3, .product-info .PIcol4 { border-right: 1px solid #98E4FC; }
.product-info tr td { border-top: 1px dotted #98E4FC; }

.product-info .PIli1 td { 
border-top: none; 
text-align: center;
color: #0088CF;
font-weight: bold;
}

.product-info td { 
padding: 8px 10px; 
vertical-align: middle;
}

.product-info .PIcol1 { width: 30px; }
.product-info .PIcol2 { width: 160px; }
.product-info .PIcol3 { width: 24px; }
.product-info .PIcol4 { width: 20px; }
.product-info .PIcol5 { width: 36px; }

a:link.add-link, a:visited.add-link, a:hover.add-link, a:active.add-link {
display:block;
width: 30px;
height: 17px;
background: transparent url("/design/btn-blue.gif") no-repeat top left;
font-weight: bold;
color: #FFF;
text-decoration: none;
padding: 3px 0 0 18px;
}

table.featured-product {
position: relative;
border: 1px solid #CCEFFA;
width: 404px;
margin: 0 -17px 15px 0;
left: -6px;
}

.featured-product tr td { 
border-top: 1px solid #98E4FC; 
vertical-align: middle;
padding: 15px 10px;
}
.featured-product tr.first td { border-top: none; }

.featured-product img {
position: relative;
float: left;
margin-right: 9px;
}

p.info-product {
font-weight: bold;
color: #0088CF;
margin-bottom: 7px;
}

.info-product span {
font-weight: normal;
color: #29b8fc;
margin: 0 10px 0 8px;
}

.featured-prodcut div { margin: 0 10px 0 0; }
.featured-product h2 { text-decoration: none; margin: 0 0 9px 0; }
.featured-product p { margin: 0 0 9px 0; line-height: 136%; }
.featured-product a:link.add-link, .featured-product a:visited.add-link, .featured-product a:hover.add-link, .featured-product a:active.add-link { width: 70px; float: left;}
.product-end { margin-top: -15px; }


/*** BOTTOM ***/
/**************/

#newsletter, #garantie, #pictures-bottom { 
position: relative;
float: left;
height: 122px; 
margin: 1px 1px 0 0;
}

#newsletter {
width: 299px;
background: transparent url("/design/bg-newsletter.png") repeat-x top left;
}

#newsletter #text-newsletter, #newsletter #icon-newsletter, #newsletter #input-newsletter, #newsletter #btn-newsletter { position: absolute; }

#newsletter #text-newsletter {
left: 47px;
top: 14px;
}

#newsletter #icon-newsletter {
left: 30px;
top: 56px;
}

#newsletter #input-newsletter {
width: 150px;
height: 14px;
left: 116px;
top: 56px;
}

#newsletter #btn-newsletter {
left: 116px;
top: 86px;
border: none;
padding: 0;
}

#garantie {
width: 232px;
background: transparent url("/design/garantie.jpg") no-repeat top left;
}

#pictures-bottom {
width: 461px;
margin: 1px 0 0 0;
background-color: #CDC448;
}

#pictures-bottom .pic {
position: relative;
float: left;
width: 188px;
height: 106px;
background: transparent url("/design/bg-pic-bottom.gif") no-repeat top left;
margin: 8px 0 0 28px;
}

#pictures-bottom .pic img {
position: relative;
margin: 3px 0 0 3px;
}

#bottom {
position: relative;
padding: 20px 30px;
color: #0088CF;
font-weight: bold;
}

#bottom .right {
position: relative;
float: right;
}

#bottom .right a:link, #bottom .right a:visited {
padding: 0 8px;
}

#cBottom {
height: 25px;
}

.header{
	height: 100px;
}

#right_zone {
	background:url(/design/back.gif) repeat-y;
}

#content {
	min-height:600px;
}