html, body, form { margin: 0; padding: 0; height: 100%; }
body { font: 100% Tahoma, Arial, Sans-serif; background: #505050 url(/medias/communs/html_bg.png) repeat-x; }
body, a { color: #696969; }
a { text-decoration: none;  }
form { background: url(/medias/communs/body_bg.png) no-repeat top center; }
img, table { border: 0; }
table { border-spacing: 0; font-size: 100%; }
td, th { padding: 0; }
ul { margin: 0; padding: 0; list-style: none; }
h1, #prdList th { font: normal 185% Arial Narrow, Arial, Sans-serif; color: #A08559; line-height: 1.1em; }
a, object { outline: none; }
div.hr { height: 0.1em; margin: 1.3em 0; background: url(/medias/communs/hdr_prd_sep.gif) repeat-x; }
div.hr hr { display: none; }


/* template */
#mstrCtnr { margin: 0 auto; min-height: 100%; width: 882px; background: #FFF url(/medias/communs/mstr_bg.png) no-repeat; }
#mstrHdr { position: relative; height: 94px; font-size: 70%; z-index: 3; }
#mstrCtnt { margin: 0 6px; background: url(/medias/communs/mstr_ctnt_bg.gif) repeat-x left top; }
#mstrFtr { padding: 18px 0; font-size: 70%; text-align: center; }


/* header */
#hdrLogo { position: absolute; top: 19px; left: 19px; }
/* menu principal 1er palier */
#hdrNav { position: absolute; left: 6px; bottom: 0; width: 870px; z-index: 3; line-height: 1.35em; background: url(/medias/communs/hdr_nav_bg.png) repeat-x; }
#hdrNav li { float: left; width: 162px; }
#hdrNav li, #hdrNav li a, #hdrNav li a img { display: block; height: 23px; }
#hdrNav li:hover { visibility: visible; }
#hdrNav li:hover a img, #hdrNav li.actif a img { visibility: hidden; }
/* 2e palier */
#hdrNav li div { position: absolute; left: -999em; z-index: 4; margin-left: -35px; background: url(/medias/communs/mstr_placeholder.gif); }
#hdrNav ul { width: 162px; overflow: hidden; margin: 0 35px 35px; border: 0.1em solid #1D1D1D; background-color: #1D1D1D; border-width: 0.6em 0 0.6em; cursor: pointer; }
#hdrNav li li, #hdrNav li li a { float: none; width: auto; height: auto; }
#hdrNav li li { margin: -0.1em 10px 0; border-top: 0.1em solid #4A4A4A; }
#hdrNav li li a, #hdrNav li li:hover li a, #hdrNav li li.over li a { color: #D5D5D5; background: #1D1D1D url(none); padding: 0.25em 13px 0.45em 9px; height: 1%; }
#hdrNav li li:hover a, #hdrNav li li.over a, #hdrNav li li li:hover a, #hdrNav li li li.over a { color: #9A8158; background: #1D1D1D url(/medias/communs/hdr_nav_puce.gif) no-repeat right 0.8em; }
#hdrNav li li li:hover a, #hdrNav li li li.over a { background: #1D1D1D url(none); }
#hdrNav li:hover ul div, #hdrNav li.over ul div { left: -999em; }
#hdrNav li:hover div, #hdrNav li li:hover div, #hdrNav li.over div, #hdrNav li li.over div { left: auto; }
/* 3e palier normal */
#hdrNav li li div { margin-left: 142px; padding-top: 4em; top: 0.05em; cursor: default; z-index: 3; }
#hdrNav li li div ul { margin: 0 35px 35px 10px; }
/* 3e palier produits */
#hdrNav .hdrPrdBox { top: 0; padding-top: 0; margin-top: 0; }
#hdrNav .hdrPrdBox div { position: static; width: 354px; height: 374px; padding: 14px 14px 0; overflow: hidden; margin: 0 35px 35px 10px; background: #FFF; border: 1px solid #8D8D8D; border-width: 0 1px 1px; }
#hdrNav .hdrPrdBox h1 { margin: 0 0 0.5em 12px; }
#hdrNav .hdrPrdBox p { margin: 0 0 1em 12px; }
#hdrNav span.hdrPrdBtn { float: right; padding: 0 0 27px 14px; background-repeat: no-repeat; background-position: right bottom; }
#hdrNav li li .hdrPrdBox a { width: auto; height: auto; background: none; margin: 0; padding: 0; }
#hdrNav li li .hdrPrdBox a img { visibility: visible; }
#hdrNav li li .hdrPrdBox em { display: block; width: 195px; height: 1px; margin-left: 4px; line-height: 1px; font-size: 1px; background: url(/medias/communs/hdr_prd_sep.gif) repeat-x left top; }
#hdrNav li li a.hdrPrdImg { margin-bottom: 14px; }
#hdrNav li li a.hdrPrdImg img { width: 354px; height: 226px; background-color: #8D8D8D; color: #FFF; }
#hdrNav li li span.hdrPrdBtn a img { width: 149px; height: 28px; }
/* a propos */
#hdrNav li#ucHeader_liNavBt5, #hdrNav li#ucHeader_liNavBt5 ul { width: 222px; }
#hdrNav li#ucHeader_liNavBt5 div { width: 292px; }
/* menu secondaire */
#hdrNavSec { position: absolute; top: 15px; right: 12px; z-index: 3; }
#hdrNavSec li, #ftrNav li { float: left; background: url(/medias/communs/hdr_navsec_sep.gif) no-repeat right 1.1em; }
#hdrNavSec li a, #ftrNav li a { float: left; padding: 0.5em 8px 0.5em 7px; height: 1%; color: #696969; }
#hdrNavSec li:hover a, #ftrNav li a:hover { text-decoration: underline; }
#hdrNavSec li#lang { background-image: url(/medias/communs/hdr_navsec_arrow.gif); }
#hdrNavSec li#lang a { padding-right: 9px; }
#hdrNavSec li#lang li a { display: block; padding: 0.25em 13px 0.25em 0; }
#hdrNavSec div { position: absolute; left: -999em; top: 2.1em; z-index: 4; background: url(/medias/communs/mstr_placeholder.gif); }
#hdrNavSec ul { width: 111px; margin: 0 18px 18px; background-color: #F0F0F0; border: 1px solid #B0B0B0; }
#hdrNavSec li:hover div { left: auto; right: -24px; }
#hdrNavSec li:hover li a { text-decoration: none; }
#hdrNavSec li li, #hdrNavSec li li a { float: none; background: none; }
#hdrNavSec li li { text-align: right; }
#hdrNavSec li li a.actif { color: #9A8158; background: url(/medias/communs/hdr_navsec_puce_off.gif) no-repeat right center; }
#hdrNavSec li li a:hover { color: #F0F0F0; background-color: #696969; }
#hdrNavSec li li a.actif:hover { background: #696969 url(/medias/communs/hdr_navsec_puce_on.gif) no-repeat right center; }


/* bannière nav */
#banNav { clear: both; }
#banNav li { float: left; background-repeat: no-repeat; background-position: left bottom; }
#banNav li a, #banNav li a img { display: block; }
.full #banNav li { padding: 0 6px 55px 0; }
.full #banNav li#banNavBt2 { padding-right: 5px; }
.full #banNav li#banNavBt4 { padding-right: 0; }


/* boutons actions */
#actions { float: right; display: inline; margin: 7px 10px; }
#actions a { float: left; padding: 0 0 1px; }
#actions a:hover { background-color: #E8E8E8; padding: 0; border-bottom: 1px solid #DDD; }
#actions img { display: block; }

#filAriane { clear: both; display: block; margin: 0 0 1em 26px; }
#filAriane a { text-decoration: underline; }


/* documents */
.attLinkpdf, .attLinkdoc, .attLinkmov, .attLinkwmv { display: inline-block; margin-left: 12px; padding: 0.5em 0 0.4em 23px; line-height: 1.15em; overflow: visible; background: url(/medias/communs/DocIcone/default.png) left 0.4em no-repeat; }
.attLinkpdf { background-image: url(/medias/communs/DocIcone/pdf.png); }
.attLinkdoc { background-image: url(/medias/communs/DocIcone/doc.png); }
.attLinkmov { background-image: url(/medias/communs/DocIcone/mov.png); }
.attLinkwmv { background-image: url(/medias/communs/DocIcone/wmv.png); }


/* footer */
#mstrFtr span { font: 90% Verdana, Arial, Sans-serif; }
#mstrFtr img { vertical-align: middle; }


/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
