/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2010/05/25
 * @link	http://www.agenceici.com/
 * @link	http://www.marclebihan.fr/
 *
 */


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.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; }