html, body { margin: 0; padding: 0 }
body  { font-family: Arial,Tahoma,Geneva,sans-serif; font-size: 78%; background: black url(../imgs/fond-page.png) repeat-y center top }
h1 { font-size: 150%; font-style: italic; width: 600px; margin: 0.4em auto 0.6em; display: block }
h2 { font-size: 120%; margin: 1.2em 15px 0.4em 15px; clear: both; width: 640px; margin: 0.4em auto 0.6em; display: block }
p { margin: 0.4em auto; color: #000 }
hr { clear: both; margin: 0; padding: 0; visibility: hidden; border-width: 0 }
form { display: block; margin: 2em auto; width: 640px }
label { margin-top: 6px; color: #900; display: block; float: right; width: 30%; border-right: solid 6px #900 }
fieldset>label { margin-top: 0px; color: #900; display: block; float: right; width: 30%; border-right: solid 6px #900 }
input, select, textarea { font-size: 100%; display: block; width: 60%; margin: 0.4em; border: inset 1px #fff; background-color: #fafafa; padding: 2px 4px }
fieldset { margin: 0.4em 2%; padding: 1%; border: solid 1px #ddd }
fieldset legend { color: #900; font-weight: bold }
select { margin-left: 16px }
fieldset>select { margin-left: 0.4em }
acronym:hover { cursor: help }
option.fd { background-color: #efefef }
input.bouton { font-size: larger; border: outset 2px #900; background-color: #900; color: #fff; margin: 0% 18% }

/*#conteneur  {  position: absolute; margin: 0px 0px 0px -360px; padding: 0px 0px 2em; border: 0; top: 0px; left: 50%; width: 720px; display: block }*/
#bandeau   { background: white url(../imgs/fond-bandeau.png) no-repeat left top; margin: auto; padding: 0; width: 720px; height: 129px; display: block }
#logo { display: block; margin: 0; padding: 0 }
#menu  { background: #eee url(../imgs/fond-menu.png) no-repeat left top; margin: auto; padding: 0; width: 720px; height: 32px; display: block; overflow: hidden }
#m1 { display: block; margin: 0 auto; background: #9D9D9D url(../imgs/fond-smenu.png) repeat-x left bottom; padding-bottom: 10px; width: 720px }
#m2 { display: block; margin: 0 auto; background: #9D9D9D url(../imgs/fond-smenu2.png) repeat-x left bottom; padding-bottom: 10px; width: 720px }
#m3 { display: block; margin: 0 auto; background: #9D9D9D url(../imgs/fond-smenu3.png) repeat-x left bottom; padding-bottom: 10px; width: 720px }
#m4 { display: block; margin: 0 auto; background: #9D9D9D url(../imgs/fond-smenu4.png) repeat-x left bottom; padding-bottom: 10px; width: 720px }
#m5 { display: block; margin: 0 auto; background: #9D9D9D url(../imgs/fond-smenu5.png) repeat-x left bottom; padding-bottom: 10px; width: 720px }
#corpspage { padding: 1em; width: 700px; margin: 0.4em auto 0.6em; display: block }
#corpspage p { padding: 0.4em 15px }
#pied { clear: both; width: 720px; margin: 0 auto }
#pied p { line-height: 1.4em; margin: 2em 15px 0em; text-align: center; font-size: 11px; color: #eee; border-top: dotted 1px #dedede }
#promo { margin: auto; width: 670px; background: transparent url(../imgs/fond-encart-promo.png) no-repeat center bottom; padding-bottom: 2px  }
#promo h2  { background: transparent url(../imgs/top-encart-promo.png) no-repeat center top; margin: 0; padding: 15px 15px 5px }
#promo p.contenu { margin: 10px 15px 0px; padding: 0 }
#promo p.last { padding-left: 350px; text-align: center; padding-bottom: 10px; clear: both }
#promo img { display: block; float: right; margin-top: -2.4em; padding-right: 20px }

a img { border: 0 }
#menu ul { margin: 0; padding: 0; display: inline }
#menu ul li  { margin: 0; padding: 0px 0px 0px 6px; display: inline }
#menu ul li.titrage { display: none }
#infoplus { background: #f7f7f7 url(../imgs/log-r-gris.png) no-repeat 75% center; display: block; margin: 1em 15px 2em }
#infoplus h2 { font-size: 160%; margin: 0.2em 0.6em; padding: 2px }
#infoplus div.arrondup { background: transparent url(../imgs/arrond-g-up.png) no-repeat top left }
#infoplus div.date  { color: #777; font-weight: bold; font-size: 120%; text-align: center; margin: 0; padding: 6px 0em 0em; background-image: url(../imgs/arrond-d-up.png); background-repeat: no-repeat; background-position: top right }
#infoplus div.arrondbottom { clear: both; background: transparent url(../imgs/arrond-g-bottom.png) no-repeat bottom left }
#infoplus div.arrondbottom div { background: transparent url(../imgs/arrond-d-bottom.png) no-repeat bottom right }

h1.color1 { color: #900; padding: 22px 0px 26px 75px; background: transparent url(../imgs/fond-titre-h1.png) no-repeat left center }
h1.color2 { color: #606; padding: 22px 0px 26px 75px; background: transparent url(../imgs/fond-titre-h1-color2.png) no-repeat left center }
h1.color3 { color: #036; padding: 22px 0px 26px 75px; background: transparent url(../imgs/fond-titre-h1-color3.png) no-repeat left center }
h2.color1 { color: #900 }
h2.color2 { color: #606 }
h2.color3 { color: #036 }

.smenu {  color: #fff }
.smenu li span { padding-left: 4px }
.smenu ul { margin: 0; padding: 0; display: inline }
.smenu ul li  { margin: 0; padding: 0px 0px 0px 4px; display: inline }
.smenu li.titrage { display: none }
table.vignettes  { margin: auto; width: 674px; border-collapse: separate }
table.vignettes td { width: 324px; margin: 0; padding: 30px 0px 6px; vertical-align: top }
table.produit { margin: auto; width: 670px; border-collapse: collapse }
table.produit td.tof { border: 0; width: 320px; margin: 0; padding: 0; vertical-align: middle; text-align: center; border: solid 2px #eaeaea }
table.produit th.intitule { width: 135px; padding: 2px 4px; color: #777; text-align: left; font-weight: normal }
table.produit td.caract { width: 185px; padding: 2px; margin: 0; text-align: right }
table.produit td.descript { border-top: solid 1px #ddd; padding: 4px; vertical-align: top }
table.produit th.mrgh { padding-top: 2em }
p.contv { margin: 0px 150px 0px 0px; padding: 0 }
table.produit td.colorfond { background-color: #eaeaea }
table.produit th.colorfond { background-color: #eaeaea }
p.basvign { margin: 0; padding: 0 }
img.basvign { border: 0; display: block; margin: 0; padding: 0 }
ul.options { margin: 0em 1em; padding: 0.5em; list-style-type: circle }

.flg { float: left }
.fld { float: right }
.clrd { clear: right }
.clrg { clear: left }
.clr { clear: both }
.gauche { text-align: left }
.droite { text-align: right }
.centre { text-align: center }
.justif { text-align: justify }
.mrgd { margin-right: 10px }
.mrgg { margin-left: 10px }
.soulign { border-bottom: solid 1px #555 }
div.navig  { height: 17px; color: #555; background: transparent url(../imgs/menu-intranav.png) no-repeat center top; margin: 2em 13px ; padding: 0; text-align: center }
div.navig span { padding: 0px 4px }
.exergue { margin: 15px; padding: 1em; background-color: #eaeaea; border: solid 1px #ddd }
.max { margin: 8px 15px; padding: 0.4em; background: #f4f4f4 url(../imgs/ico-plus.png) no-repeat top left; border: solid 1px #ddd }
.imgpadd { padding: 3px 5px }
.retreci { font-size: smaller; font-weight: normal }
.color0 { color: #000; border-color: #555 }
.color1 { color: #900; border-color: #900 }
.color2 { color: #606; border-color: #606 }
.color3 { color: #036; border-color: #036 }

a.soption, a.soption:link { color: #fff; text-decoration: none; padding-bottom: 9px }
a.soption:hover { background: transparent url(../imgs/fleche-menu.png) no-repeat center bottom; }
a.soptionup, a.soptionup:link { background: transparent url(../imgs/fleche-up-menu.png) no-repeat center bottom;color: #fff; font-size: 110%; text-decoration: none; padding-bottom: 9px }
a.soptionup:hover { background: transparent url(../imgs/fleche-menu.png) no-repeat center bottom }
a.plus, a.plus:link { text-decoration: none; font-variant: small-caps }
a.plus:hover { border-bottom: solid 3px }
a.lienplus, a.lienplus:link { text-decoration: none; font-variant: small-caps; padding-left: 16px }
a.lienplus:hover { color: #CC0033 }
a.corps, a.corps:link { text-decoration: none }
a.corps:hover { border-bottom: dotted 1px #888 }
a.pied:link, a.pied { padding: 0em 0.2em; color: #777; text-decoration: none }
a.pied:hover { background-color: #fefefe; color: #777 }

/*W3C*/
.w3     { color: black; font-size: 75%; font-family: Arial, Verdana, sans-serif; background: #fc6 url(../imgs/fd_w3.gif) no-repeat right center; text-align: left; margin: auto auto 4px; border: solid 1px #444; width: 8em; display: block }
.w4 { color: black; font-size: 75%; font-family: Arial, Verdana, sans-serif; background: #fc6 url(../imgs/fd_w3.gif) no-repeat right center; text-align: left; margin: auto auto 4px; border: solid 1px #444; width: 8em; display: block }
.w3 span { background-color: white; padding: 0px 2px; font-weight: bold; color: #003366 }
.w3 a:link, a { color: black; text-decoration: none }

@media print {
	#menu, div.navig { display: none }
	#m1, #m2, #m3, #m4, #m5 { visibility: hidden }
	#pied { display: none }
}