/**********************************************************/
/* IdBuffet                                               */
/* @group CSS Reset */
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; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* @end */

/**********************************************************/
/* GENERIC                                                */
body { font-family: Verdana, sans-serif; font-size: 100%; color: #333; text-align: center; background-color: #e0d8cc; }
p { line-height: 1.4em; }
strong { font-weight: bold; }
a { color: #5c5c5c; text-decoration: none; }
a:hover { text-decoration: underline; }

* { margin: 0; }
html, body { height: 100%; }
#prehome-content { position: relative; z-index: 2; margin: 0 auto; width: 980px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -330px; text-align: center; }
#prehome-content .wrapper { overflow: hidden; padding: 60px 0 0 0; }
#prehome-content p { margin: 2em auto 1em auto; width: 700px; font-size: 0.6875em; color: #7f7f7f; text-align: center; }
#prehome-content h2 { float: left; margin: 10px auto 30px auto; width: 980px; height: 40px; background: url("../img/prehome/sprite.png") 290px -65px no-repeat; text-indent: -5000px; }
#prehome-content #animation { float: left; width: 980px; height: 227px; color: #FFF; }
#prehome-content ul { float: left; padding: 0 0 0 603px; height: 65px; background: url("../img/prehome/sprite.png") left top no-repeat; }
#prehome-content ul li { float: left; }
#prehome-content ul li a { display: block; height: 65px; text-indent: -5000px; }
#prehome-content ul li.paris a { width: 188px; }
#prehome-content ul li.toulouse a { width: 189px; }
.push { width: 980px; height: 330px; }

#footer { position: relative; z-index: 1; overflow: hidden; margin: 0 auto; width: 980px; height: 330px; font-size: 0.5625em; background-color: #d1c9be; color: #7f7f7f; text-align: left; }
#footer h1,
#footer p { margin: 0 auto 2em auto; padding: 1em 0 0 0; width: 700px; line-height: 1.5em; }
#footer h1 { margin-bottom: 0; }
#footer .catalog { margin: 0 auto; width: 700px; }
#footer .catalog ul { float: left; width: 17%; margin-right: 3%; }
#footer .catalog ul.entreprise { width: 20%; }
#footer .catalog ul.boisson { margin-right: 0; }
#footer .catalog ul li { }
#footer .catalog ul li.gamme { margin-bottom: 6px; padding-bottom: 12px; font-weight: bold; background: url("../img/bg-dashed-bullets.png") left bottom repeat-x; }
#footer .catalog ul li { margin-bottom: 6px; }
#footer .catalog ul li a { color: #7f7f7f; }