/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2009/07/21
 * @link	http://www.agenceici.com/
 * @link	http://www.chezpipo.fr/
 *
 */


* { padding: 0; margin: 0; font-family: Arial, sans-serif; }
html, body { width: 100%; height: 100%; font-size: 12px; font-family: Arial, sans-serif; background: #2b1a0d; }

ul, li { list-style: none; }
img { border: 0 none; }

a { cursor: pointer; }


.clear { clear: both; }
.no-spam { display: none; }
.opacity-0 { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }

table.tbackground { width: 1000px; height: 100%; margin: 0 auto; background: url(../images/fond.jpg); }
td.tbackground { vertical-align: top; height: 100%; }
table.container { width: 1000px; height: 100%; background: url(../images/carte.jpg) no-repeat; }
td.tbody { vertical-align: top; }
td.tfoot { vertical-align: bottom; }



div.container { position: relative; width: 1000px; padding-top: 40px; }
div.auth { position: absolute; right: 0; top: 0; text-align: right; padding: 11px 20px; font-size: 13px; }
div.auth a { color: #000; margin-left: 10px; }
a.logo { position: absolute; left: 36px; top: 26px; z-index: 32; }
a.logo img { width: 190px; height: 166px; background: url(../images/logo.png); }
ul.menu-top { position: relative; width: 550px; height: 25px; padding: 20px 0 0 450px; background: url(../images/menu.gif) no-repeat; }
ul.menu-top li { float: left; height: 17px; border-left: 1px solid #ffeeb7; }
ul.menu-top li.first { border-left: 0 none; }
ul.menu-top a { display: block; padding: 2px 6px; color:#ffeeb7; font-size: 9pt; text-decoration: none; white-space: nowrap; }
ul.menu-top a.active,
ul.menu-top a:hover { text-decoration: underline; }
img.menu-banner { position: absolute; right: 0; top: 83px; width: 844px; height: 60px; background: url(../images/menu-banner.png); }
img.menu-aqui { position: absolute; left: 170px; top: 40px; width: 280px; height: 70px; background: url(../images/menu-aqui.png); }

div.cols { margin-top: 60px; width: 960px; padding-left: 36px; /*overflow: hidden;*/ }
div.cols div.menu-left { position: relative; float: left; /*width: 188px;*/ }
div.cols div.content { position: relative; float: left; margin-left: 40px; width: 700px; }


div.menu-left { width: 188px; height: 429px; }
div.menu-left .background { position: absolute; left: 19px; top: 24px; width: 150px; height: 380px; background: url(../images/fond.jpg); }
div.menu-left .border { position: absolute; left: 0; top: 0; width: 188px; height: 429px; background: url(../images/cartouche.gif);  }
div.menu-left ul.menu { position: relative; width: 147px; margin-left: 20px; padding-top: 50px; }
div.menu-left li { width: 147px; }
div.menu-left li img { display: block; margin: 5px auto; }
div.menu-left li h1 { }
div.menu-left li h1 span { display: none; }
div.menu-left li h1 img.sep-1 { width: 140px; height: 7px; background: url(../images/menu-sep-1.png); }
div.menu-left li.boutique h1 img.title { width: 108px; height: 20px; background: url(../images/menu-boutique-en-ligne.png); }
div.menu-left li.principal h1 { padding-top: 10px; }
div.menu-left li.principal h1 img.title { width: 93px; height: 20px; background: url(../images/menu-menu-principal.png); }
div.menu-left li img.sep-2 { margin-top: 10px; width: 133px; height: 11px; background: url(../images/menu-sep-2.png); }
div.menu-left li a { display: block; padding: 1px 0 1px 12px; text-decoration: none; color: #2b1a0d; font-size: 11px; font-weight: bold; }
div.menu-left li.boutique a { color: #80300b; }
div.menu-left li.boutique a.active,
div.menu-left li.boutique a:hover { color: #ffeec2; background: #80300b; }
div.menu-left li.principal a { color: #433928; }
div.menu-left li.principal a.active,
div.menu-left li.principal a:hover { color: #ffeec2; background: #695c42; }
div.menu-left #menu-cart { position: relative; cursor: pointer; }
div.menu-left #menu-cart img { position: absolute; left: 23px; top: 0px; width: 93px; height: 68px; background: url(../images/menu-cart.png); }
div.menu-left #menu-cart span { position: absolute; left: 30px; top: 19px; width: 30px; text-align: center; font-size: 12px; }
div.menu-left #frm_sms { padding: 0 0 0 12px; margin: 0; }
div.menu-left #frm_sms label { display: block; color: #351e00; font-size: 11px; padding-bottom: 5px; }
div.menu-left #frm_sms_cellular { color: #6f5e3f; background-color: #f9f6d2; width: 100px; }
div.menu-left #frm_sms_cellular.active { color: #351e00; }
div.menu-left #frm_sms_submit { width: 21px; height: 21px; background: url(../images/menu-sms-submit.png); border: 0 none; vertical-align: middle; cursor: pointer; }
div.menu-left li.horaires a { padding: 0; }
div.menu-left li.horaires a img { width: 121px; height: 39px; background: url(../images/menu-horaires.png); }
div.menu-left li.plan img.sep-2 { margin-top: 0px; }
div.menu-left li.plan a { padding: 0; }
div.menu-left li.plan a img { width: 108px; height: 26px; background: url(../images/menu-plan.png); }
div.menu-left ul.menu-classic { }
div.menu-left ul.menu-classic li.principal h1 { padding: 0; }
div.menu-left ul.menu-classic li.principal a { color: #80300b; }
div.menu-left ul.menu-classic li.principal a.active,
div.menu-left ul.menu-classic li.principal a:hover { color: #ffeec2; background: #80300b; }
div.menu-left ul.menu-classic li.boutique,
div.menu-left ul.menu-classic li.cart { display: none; }
div.menu-left ul.menu-boutique { }
div.menu-left ul.menu-boutique li.sms,
div.menu-left ul.menu-boutique li.horaires,
div.menu-left ul.menu-boutique li.plan { display: none; }


div.content { position: relative; }
div.pages-fixes { position: relative; border: 1px solid #baa480; color: #351e00; background: #f6e3c9; margin-top: 40px; padding: 15px 0; }
div.pages-fixes a { color: #000; }
div.pages-fixes a:hover { text-decoration: none; }
div.pages-fixes h1 { padding: 5px 40px 10px 40px; text-align: justify; font-size: 14px; }
div.pages-fixes p { padding: 5px 40px; text-align: justify; }
div.pages-fixes .head { background: #cbc0a9; padding-top: 10px; padding-bottom: 10px; }
div.pages-fixes table td { color: #351e00; vertical-align: top; padding: 5px 40px; }
div.pages-fixes table td.left { padding-right: 10px; }
div.pages-fixes table td.right { padding-left: 10px; }
div.pages-fixes table td h1 { padding: 0 0 15px 0; }
div.pages-fixes table td p { padding: 0 0 10px 0; }
div.pages-fixes small { color: #000; font-size: 11px; }
div.pages-fixes img.zoom { cursor: pointer; }
div.pages-fixes hr { border: 0 none; border-top: 1px solid #351e00; height: 0; margin: 10px auto; width: 610px; }

div.footer { padding: 10px 20px; font-size: 8pt; }
div.footer a { color: #000; }
div.footer a:hover { text-decoration: none; }



#benchmark { position: fixed; right: 5px; top: 50%; background: url(../images/fond.jpg); padding: 4px 6px; border: 1px solid #351e00; text-align: right; font-size: 11px; }