/**
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2011/11/14
 * @link	http://www.agenceici.com
 */


* { 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; }
div.footer a.dar { display: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; }



