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


html, body { height:100%; }
html, body, h1, h2, h3, h4, table, th, td, ul, li, div, p, span, form, input, select, option, textarea { font-size:9pt; font-family:Arial, sans-serif; font-weight:normal; padding:0; margin:0; }
ul, li { list-style:none; }
a { color:#817970; text-decoration:none; }
img { border:0 none; }

.clear { clear:both; }


.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }



body { color:#000; background:#eee; /* url(../images/interface-1/background-201003.gif);*/ cursor:default; }

.js-disabled { position:absolute; left:0; top:0; width:100%; padding:10px 0; text-align:center; color:red; font-weight:bold; z-index:32; background:#fff; border-bottom:1px solid #000; }

table.ttable { width:100%; height:100%; }
td.tbody { vertical-align:middle; width:100%; height:100%; }

div.container { position:relative; width:100%; height:530px; }

div.d-head { position:relative; width:100%; height:60px; }
table.t-backgrounds { position:absolute; width:100%; height:450px; left:0; }
table.t-backgrounds td { height:150px; }
table.t-backgrounds .t-background-1 { }
table.t-backgrounds .t-background-2 { }
table.t-backgrounds .t-background-3 { }
table.t-backgrounds .t-left { width:50%; text-align:left; }
table.t-backgrounds .t-right { width:50%; text-align:right; }
div.d-body { position:relative; width:1000px; height:450px; margin:0 auto; }
div.d-foot { position:relative; width:100%; height:20px; }


div.d-head { position:relative; color:#000; height:57px; z-index:1; }
div.d-head a { color:#000; }
div.d-head #logo { position:absolute; left:0; top:-8px; z-index:1; }
div.d-head #logo a { position:absolute; display:block; left:0; top:0; height:35px; }
.lang-fr div.d-head #logo a { width:390px; }
.lang-en div.d-head #logo a { width:405px; }
div.d-head #logo .logo-1 { position:absolute; display:block; left:10px; top:10px; width:231px; height:18px; background:url(../images/interface-1/head-logo-1.png); }
div.d-head #logo .logo-2 { position:absolute; display:block; left:258px; top:10px; }
.lang-fr div.d-head #logo .logo-2 { width:121px; height:14px; background:url(../images/interface-1/head-logo-2-fr.png); }
.lang-en div.d-head #logo .logo-2 { width:136px; height:14px; background:url(../images/interface-1/head-logo-2-en.png); }
div.d-head .line { position:absolute; right:0; top:15px; border-top:1px solid #000; }
.lang-fr div.d-head .line { left:390px; }
.lang-en div.d-head .line { left:410px; }
div.d-head #moi { text-align:right; letter-spacing:1px; height:15px; }
div.d-head #moi a span { display:none; }
div.d-head #moi a.cart { padding-right:30px; background:url(../images/interface-1/cart-01.gif) 100% 0 no-repeat; }
div.d-head #moi a.logout { background:url(../images/interface-1/head-cross.gif) 50% 50% no-repeat; }
div.d-head #moi a.account-1 { padding-left:15px; background:url(../images/interface-1/head-man.gif) 0px 1px no-repeat; }
div.d-head #moi a.account-2 { }
div.d-head #moi .sep { margin:0 5px; }
div.d-head #moi .flag-en img,
div.d-head #moi .flag-fr img { margin-left:5px; margin-right:10px; width:22px; height:11px; }
div.d-head #moi .flag-en img { background:url(../images/interface-1/head-flag-en.gif); }
div.d-head #moi .flag-fr img { background:url(../images/interface-1/head-flag-fr.gif); }
div.d-head #menu { width:100%; height:18px; padding-top:23px; /*padding-top:22px; border-top:1px solid #000;*/ border-bottom:1px solid #000; }
div.d-head #menu li { float:left; white-space:nowrap; }
div.d-head #menu a { display:block; padding:0 15px 3px 15px; height:15px; float:left; letter-spacing:1px; background:url(../images/interface-1/menu-sep.gif) 100% 8px no-repeat; }
div.d-head #menu a:hover,
div.d-head #menu a.active { border-bottom:2px solid #000; padding-bottom:1px; }

div.d-body { }
div.d-body #eshop { position:relative; }
div.d-body #eshop a.label { position:absolute; display:block; left:20px; top:20px; width:202px; height:70px; background:url(../images/interface-1/eshop-cb-1.gif) 29px 50px no-repeat; }
div.d-body #eshop a.label img { position:absolute; left:0; top:0px; width:202px; height:55px; background:url(../images/interface-1/eshop-logo-1.gif); cursor:pointer; }
div.d-body #eshop div.select { position:absolute; left:30px; top:100px; width:248px; z-index:1; }
div.d-body #eshop div.select img { position:absolute; left:0; top:0; width:248px; height:20px; background:url(../images/interface-1/eshop-select.gif) no-repeat; }
div.d-body #eshop div.select .selected,
div.d-body #eshop div.select .selected-active { position:relative; padding:3px 0 0 10px; color:#fff; cursor:pointer; }
div.d-body #eshop div.options-cancel { position:absolute; left:-500px; top:-50px; width:1000px; height:226px; background:url(../images/none.gif); }
div.d-body #eshop div.options { position:absolute; left:0px; top:19px; width:246px; height:155px; border:1px solid #fff; background-color:#6d6d61; overflow:auto; overflow-x:hidden; overflow-y:auto; }
div.d-body #eshop div.options li { height:20px; border-bottom:1px solid #7f7f75; }
div.d-body #eshop div.options li a { display:block; padding:3px 0 2px 10px; height:15px; color:#d3d2c7; }
div.d-body #eshop div.options li a:hover { background-color:#535347; }
div.d-body #eshop a.brands { position:absolute; display:block; left:30px; top:125px; padding-left:10px; color:#dad5d2; font-size:11px; background:url(../images/interface-1/arrow-01.gif) 0 50% no-repeat; white-space:nowrap; }

div.d-foot { color:#615243; }
div.d-foot .baseline { padding:10px; font-size:8pt; }
div.d-foot .baseline * { font-size:8pt; }
div.d-foot span.eshop { color:#000; font-style:italic; }
div.d-foot a { color:#615243; }
div.d-foot a:hover { text-decoration:underline; }
div.d-foot a.facebook { vertical-align:top; margin-right:10px; }
div.d-foot a.dar { display:none; }


div.popup { position:absolute; left:50%; top:50%; margin-left:-204px; margin-top:-76px; width:408px; height:153px; z-index:320; }
div.popup * { font-size:11px; }
div.popup .background { }
div.popup .background img { width:408px; height:153px; background:url(../images/interface-1/popup-background.png); }
div.popup .title { position:absolute; left:15px; top:12px; height:10px; width:335px; height:18px; background-repeat:no-repeat; }
div.popup .close { position:absolute; right:5px; top:5px; width:30px; height:30px; background:url(../images/none.gif); }
div.popup .close a { display:block; width:30px; height:30px; }
div.popup form,
div.popup div.message { position:absolute; left:5px; top:37px; width:400px; height:111px; }
div.popup input.text { width:140px; }
div.popup input.button { width:119px; height:32px; border:0 none; background:url(../images/interface-1/popup-button.png); vertical-align:middle; }
div.popup input.checkbox { }
div.popup label { padding-right:10px; }
div.popup label.checkbox { color:#fff; padding-left:2px; }
div.popup div.message p { padding:20px 0 0 0; text-align:center; }
div.popup div.message p strong { font-size:12px; font-weight:normal; }

.lang-fr div.popup-login .title { background-image:url(../images/interface-1/popup-login-title-fr.gif); }
.lang-en div.popup-login .title { background-image:url(../images/interface-1/popup-login-title-en.gif); }
div.popup-login #form-login { width:260px; }
div.popup-login #form-login p { text-align:right; padding-top:10px; padding-right:15px; }
div.popup-login #form-login input.button { margin-right:-4px; }
div.popup-login .links { position:absolute; right:3px; top:37px; width:140px; height:101px; background:#8e8e84; text-align:center; padding-top:10px; }
div.popup-login .links a { display:block; color:#d9d8d3; text-decoration:underline; margin-top:20px; }

.lang-fr div.popup-password .title { background-image:url(../images/interface-1/popup-password-title-fr.gif); }
.lang-en div.popup-password .title { background-image:url(../images/interface-1/popup-password-title-en.gif); }
div.popup-password p.message { padding:20px 20px 0 20px; text-align:justify; }
div.popup-password p.inputs { padding:10px 20px; text-align:right; }
div.popup-password p.inputs input.button { margin-left:10px; }

.lang-fr div.popup-alert .title { background-image:url(../images/interface-1/popup-alert-title-fr.gif); }
.lang-en div.popup-alert .title { background-image:url(../images/interface-1/popup-alert-title-en.gif); }
div.popup-alert p { padding:20px 20px 0 20px; text-align:justify; }
div.popup-alert p.inputs { padding:10px 20px; text-align:center; }

div.preload { display:none; }


#benchmark { position:absolute; right:5px; bottom:5px; font-size:11px; color:#666; }