/* ----- eric meyer's css reset & clearfix */
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
html, body { height: 100%; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }
/* ----- general */
body { position: relative; color: #79aab6; font-family: Arial,Helvetica,sans-serif; font-size: 10pt; line-height: 1em; background: url(http://hydraufab.com/images/bg.jpg); }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
.pdf a img { display: block; margin: 0 auto; }
.pdf a { display: block; text-align: center; }
.active { color: #3853a4 !important; }
/* ----- header */
#header { padding: 10px 0; background: url(http://hydraufab.com/images/tail-top.jpg) repeat-x; }
#header div { width: 960px; margin: 0 auto; }
#header #nav { height: 140px; position: relative; }
#header h1 { display: none; }
#header #nav ul { float: left; width: 940px; height: 101px; margin: 0 10px; }
#header #nav ul li { float: left; width: 184px; height: 101px; margin: 0 2px; }
#header #nav ul li a { display: block; width: 100%; padding-top: 40px; height: 61px; font-weight: bold; text-decoration: none; color: #fff; text-align: center; background: url(http://hydraufab.com/images/menu.jpg) repeat-x; }
#header #nav ul li a:hover { background-position: 0 -101px; }
#header #img div { text-align: center; }
#header #img a img { display: block; float: left; margin: 0 10px; }
#header #img ul { width: 184px; float: left; margin: 0 10px; }
#header #img ul li { float: left; width: 100%; height: 100px; }
#header #img ul li a { display: block; width: 100%; height: 100%; font-weight: bold; text-decoration: none; color: #fff; line-height: 100px; text-align: center; background: url(http://hydraufab.com/images/menu.jpg) repeat-x; }
#header #img ul li a:hover { background-position: 0 -101px; }
#lang { position: absolute; bottom: 25px; right: 15px; }
/* ----- footer */
#footer { width: 100%; height: 70px; margin-top: 10px; background: url(http://hydraufab.com/images/tail-bottom.jpg) bottom left repeat-x; }
#footer p { width: 920px; margin: 0 auto; line-height: 70px; }
/* ----- container */
#container { width: 960px; margin: 0 auto; }
/* ----- box */
.left { float: left; }
.clearleft { clear: left; }
.bw25 { width: 220px; }
.bw33 { width: 300px; }
.bw50 { width: 460px; }
.bw66 { width: 620px; }
.bw75 { width: 720px; }
.w25 { width: 240px; }
.w33 { width: 320px; }
.w50 { width: 480px; }
.w66 { width: 640px; }
.w75 { width: 720px; }
.box { margin: 0 10px 10px 10px; line-height: 1.6em; }
.box h2 { position: relative; display: block; height: 40px; padding: 0 10px; font-size: 1.2em; color: #fff; font-weight: bold; line-height: 35px; background: url(http://hydraufab.com/images/h2.jpg) repeat-x; }
.box h2 span { position: absolute; top: 0px; right: 5px; }
.box h2 span a { font-size: 0.7em; border:1px solid #3853A4; color:#FFFFFF; padding: 2px 4px; }
.box h2 span a:hover { text-decoration: none; color:#c6c6c6; border:1px solid #c6c6c6;}
.box p { padding: 10px; text-align: justify; }
.box .more { display: block; text-align: center; font-size: 13pt; }
.box ul { margin-left: 30px; list-style-type: disc; }
.marker1 ul, .marker2 ul, .marker3 ul { margin-left: 15px; list-style-type: none; }
.marker1 ul li, .marker2 ul li, .marker3 ul li { padding-left: 20px; }
.marker1 ul li { background: url(http://hydraufab.com/images/marker-1.gif) no-repeat center left; }
.marker2 ul li { background: url(http://hydraufab.com/images/marker-2.gif) no-repeat center left; }
.marker3 ul li { background: url(http://hydraufab.com/images/marker-3.gif) no-repeat center left; }
.nodisc ul { list-style-type: none; margin-left: 15px; }
.tab1 { margin-left: 10px; }
.tab2 { margin-left: 20px; }
.tab3 { margin-left: 30px; }
.tab4 { margin-left: 40px; }
.tab5 { margin-left: 50px; }
.tab6 { margin-left: 60px; }
/* ----- home */
.home p { min-height: 110px; }
/* ----- products */
.search { margin-bottom: 0; }
.search div { margin-bottom: 10px; text-align: center; }
.details .left { margin: 10px 10px 10px 0; background:#fff;}
.details img { display: block; padding: 2px; }
.details h3 { color: #000; font-size: 1.5em; font-weight: bold; margin: 0 10px; }
.details ul { list-style-type: none; color: #000; margin: 0 10px;}
.details p { padding: 0; color: #000; margin: 0 10px;}
.global { background: #fff;}
.fiche { display: block; padding: 10px; }
.prodtitre { padding: 10px 0 0 0; }
.prodnum { padding: 0 0 10px 0; color: #3853a4 !important; }
.products2 .w33 { width: 33%; padding-top: 10px; }
.products2 .w33 a { float: left; display: block; width: 106px; height: 106px; padding-top: 6px; }
.products2 .w33 img { margin: 0 auto; padding: 2px; border: 1px solid #3e3e3e; }
.products2 .w33 div { float: left; width: 200px; }
.products2 .w33 p { padding: 3px; }
ul.log { height: 30px; list-style-type: none !important; margin: 0 !important; }
ul.log li { float: left; width: 50%; }
#product_details { background: #fff; color: #000; }
#product_details h3 { color: #000; }
#product_details img { border: 0; }
#product_details img { display: block; margin: 0 auto; }
#details { position: relative; width: 300px; height: 218px; margin: 5px auto; background: url(http://hydraufab.com/images/product_details.png); }
#details h3 { width: 300px; height: 31px; line-height: 30px; text-indent: 5px; }
#details ul li { margin-left: 5px; margin-top: 2px; float: left; width: 145px; height: 30px; line-height: 30px; }
#details p { clear: left; padding: 2px 10px; }
#details #price { float: none; position: absolute; top: 0; left: 300px; }
#details #price_reseller { float: none; position: absolute; top: 30px; left: 300px; }
/* ----- gallery */
.gallery ul { margin-top: 10px; list-style-type: none; }
.gallery ul li { float: left; padding: 2px; margin: 3px; border: 1px solid #3e3e3e; }
.gallery ul li img { display: block; }
/* ----- compagny */
#compagny .w66 { width: 66%; }
#compagny .w33 { width: 33%; }
/* ----- form */
input { font-size: 1.1em; padding: 3px; color: #fff; border: 1px solid #3e3e3e; background: #151e23; }
.search input[type="text"] { padding: 4px 3px; height: 18px; width: 350px;}
.search input[type="submit"] { width: 98px; background: #3853a4; }
.search input[type="submit"]:hover { width: 98px; background: #c6c6c6; cursor: pointer;}
.login input[type="text"] { padding: 4px 3px; height: 18px; width: 175px;}
.login input[type="password"] { padding: 4px 3px; height: 18px; width: 175px;}
.login input[type="submit"] { width: 86px; background: #3853a4; }
.login input[type="submit"]:hover { width: 86px; background: #c6c6c6; cursor: pointer;}
.login ul { list-style-type: none; margin: 5px; }
.login ul li { float: left; margin-right: 15px; }
/* ----- contact */
.red { color: red; }
#contact label { float: left; width: 50%; }
#contact #capt { margin-left: 50%; }
#contact div { margin-bottom: 10px; }
#contact textarea { width: 100%; height: 130px; padding: 4px 3px; font-size: 1.1em; color: #fff; font-family: Arial,Helvetica,sans-serif; border: 1px solid #3e3e3e; background: #151e23; }
#contact p { padding: 0; }
#contact #captcha img { display: block; float: none; clear: both; }
/* ----- table */
table { width: 100%; }
.products table a { padding: 0 !important; border: none !important; display: block; width: 100%; height: 100%; color: #79aab6; }
.products table a:hover { text-decoration: none; }
.products table thead tr, table thead tr:hover { font-weight: bold; background: #090d0f; color: #fff; }
.products table tr:hover { background: #151e23; }
.products table td { padding: 2px; border: 1px solid #26363f; }
.products table p { display: inline; }
table .w5 { width: 5%; }
table .w10 { width: 10%; }
table .w15 { width: 15%; }
table .w20 { width: 20%; }
table .w25 { width: 25%; }
table .w30 { width: 30%; }
table .w35 { width: 35%; }
table .w40 { width: 40%; }
table .w45 { width: 45%; }
table .w50 { width: 50%; }
table .w55 { width: 55%; }
table .w60 { width: 60%; }
table .w65 { width: 65%; }
table .w70 { width: 70%; }
table .w75 { width: 75%; }
table .w80 { width: 80%; }
table .w85 { width: 85%; }
table .w90 { width: 90%; }
table .w95 { width: 95%; }
table .center { text-align: center; }
table .right { text-align: right; }