/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2008/09/09
 * @link	http://www.agenceici.com/
 * @link	http://www.designby-moooi.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: Verdana, Arial, sans-serif; font-weight: normal; padding: 0; margin: 0; }
ul, li { list-style: none; }
a { color: #fff; text-decoration: none; }
img { border: 0 none; }

.clear { clear: both; }


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



body { background: #000 url("../images/interface-1/body-background.png"); color: #FFFFFF; cursor: default; }


table.ttable { margin: 0 auto; width: 950px; height: 100%; }
tr.tbody td.tbody { vertical-align: top; width: 209px; padding-bottom: 10px; background-color: #000; background-repeat: no-repeat; }
tr.tfoot td.tfoot { vertical-align: bottom; width: 920px; background-color: #000; }
td.tleft { background-image: url("../images/interface-1/shadow-left.png"); width: 15px; }
td.tright { background-image: url("../images/interface-1/shadow-right.png"); width: 15px; }

tr.tbody .gabarit-2-3 { background-image: url("../images/interface-1/gabarit-2-3-background.gif"); background-position: 0px 240px; }
tr.tbody .gabarit-3-3 { background-image: url("../images/interface-1/gabarit-3-3-background.gif"); background-position: 0px 95px; }



#container { position: relative; }


.js-disabled { color: #e95f15; text-align: center; margin: 10px; padding: 10px; border: 1px solid #e95f15; }


#logo { position: relative; width: 920px; height: 45px; color: #e95f15; background: url("../images/interface-1/logo-background.gif"); }
#logo img { width: 260px; height: 40px; background: url("../images/interface-1/logo-designby-moooi.gif") no-repeat; }
#logo strong { position: absolute; left: 150px; top: 13px; font-weight: normal; letter-spacing: 2px; }



#moi { position: absolute; right: 15px; top: 0; width: 450px; height: 40px; }
#moi a { float: right; padding: 15px 5px 10px 5px; }
#moi a:hover { color: #e95f15; }

#moi a.account { padding-right: 15px; }
#moi a.sum { position: relative; padding-right: 0; }
#moi a.sum #sum-move { position: relative; }
#moi a.sum #sum-move span { position: absolute; left: 0; top: 2px; display: block; font-size: 8pt; color: #000; text-align: center; }
#moi a.sum #sum-move img { position: absolute; left: 0; top: 0; height: 19px; }
#moi a.sum .sum-1,
#moi a.sum .sum-2,
#moi a.sum .sum-3,
#moi a.sum .sum-4,
#moi a.sum .sum-5 { position: absolute; display: block; left: 0; top: 0; height: 19px; }
#moi a.sum .sum-1 img { width: 19px; background: url("../images/interface-1/order-sum-1.png"); }
#moi a.sum .sum-1,
#moi a.sum .sum-1 span { width: 19px; }
#moi a.sum .sum-2 img { width: 23px; background: url("../images/interface-1/order-sum-2.png"); }
#moi a.sum .sum-2,
#moi a.sum .sum-2 span { width: 23px; }
#moi a.sum .sum-3 img,
#moi a.sum .sum-4 img,
#moi a.sum .sum-5 img { width: 28px; background: url("../images/interface-1/order-sum-3.png"); }
#moi a.sum .sum-3,
#moi a.sum .sum-3 span,
#moi a.sum .sum-4,
#moi a.sum .sum-4 span,
#moi a.sum .sum-5,
#moi a.sum .sum-5 span { width: 28px; }
#moi a.order img { width: 19px; height: 17px; background: url("../images/interface-1/caddie.png"); }
#moi a.logout img { width: 16px; height: 16px; background: url("../images/interface-1/logout.png"); }





.visuel { position: relative; border-top: 1px solid #323232; width: 920px; }
.gabarit-2-3 .visuel { height: 170px; }
.gabarit-3-3 .visuel { border-bottom: 1px solid #323232; height: 21px; }
#visuel-ken-burns { position: absolute; width: 920px; height: 170px; overflow: hidden; z-index: 1; }
#visuel-ken-burns img { position: absolute; }
#visuel-shadow { position: absolute; left: 0; top: 0; width: 920px; height: 21px; z-index: 2; background: url("../images/interface-1/visuel-shadow.png"); }


#menu-top { position: absolute; left: 0; top: 0; height: 21px; width: 920px; z-index: 2; }
#menu-top li { margin-top: 3px; margin-left: 5px; float: left; color: #e95f15; }
#menu-top a:hover { color: #e95f15; }
#menu-top .urls a { color: #999; }
#menu-top .urls a:hover { color: #e95f15; }


#menu-search { background: url("../images/interface-1/menu-background.gif"); width: 920px; height: 30px; }
#menu-title { background: url("../images/interface-1/menu-menu.gif") no-repeat; width: 145px; height: 30px; float: left; }
#search-form { width: 265px; height: 30px; float: left; }
#search-lbl { display: block; background: url("../images/interface-1/menu-recherche.gif") no-repeat; width: 78px; height: 30px; float: left; }
#search-lbl span { display: none; }
#search-q { display: block; background: #323232; width: 124px; height: 16px; font-size: 8pt; color: #fff; margin-top: 6px; float: left; border: 1px solid #999; }
#search-submit { background: url("../images/interface-1/bouton-ok.gif") no-repeat 10px center; width: 50px; height: 30px; cursor: pointer; float: left; }
#search-submit span { display: none; }
#search-sep { background: url("../images/interface-1/menu-ligne.gif") no-repeat; width: 510px; height: 30px; float: left; }

#menu-shadow { position: absolute; left: 0; z-index: 200000; }
#menu-shadow img { position: absolute; left: 0; top: 0; width: 920px; height: 5px; background: url("../images/interface-1/menu-shadow.png"); }



#menu-left { position: absolute; left: 0; top: 100px; width: 150px; z-index: 100000; }
.gabarit-2-3 #menu-left { top: 250px; }
.gabarit-3-3 #menu-left { top: 105px; }
#menu-left-1 { }
#menu-left-1 li { position: relative; }
#menu-left-1 a { display: block; padding: 5px 0 5px 12px; width: 134px; color: #b7b6b7; cursor: pointer; background: url("../images/interface-1/point-orange.gif") 3px center no-repeat; }
#menu-left-1 a.active,
#menu-left-1 a.active-js { color: #fff; padding: 5px 0 5px 12px; background: url("../images/interface-1/point-orange.gif") 3px center no-repeat; }
#menu-left-1 a:hover { color: #e95f15; }
#menu-left-1 ul { display: none; }

#sous-menu-x { position: absolute; left: 105px; top: 0; z-index: 100000; }
#sous-menu-x ul { display: block; position: absolute; border-top: 1px solid #fff; border-right: 1px solid #fff; left: 0; top: 1px; }
#sous-menu-x li { position: relative; border-left: 1px solid #fff; padding: 0; height: 21px; }
#sous-menu-x li a { display: block; color: #b7b6b7; padding: 3px 0 3px 6px; width: 140px; background: none; }
#sous-menu-x li * { cursor: pointer; }
#sous-menu-x li a span.bgc { position: absolute; display: block; left: 0; top: 0; width: 146px; height: 20px; border-bottom: 1px solid #333; background: #000; opacity: .85; -moz-opacity: .85; }
#sous-menu-x li a span.txt { position: relative; }
#sous-menu-x li a.active { color: #fff; padding: 3px 0 3px 6px; border-top: 0 none; background: none; }
#sous-menu-x li a:hover { color: #e95f15; }
#sous-menu-x li.first { border-left: 0 none; }
#sous-menu-x li.first a span.bgc { width: 147px; }
#sous-menu-x li.first img { position: absolute; left: -11px; top: -1px; width: 12px; height: 23px; background: url("../images/interface-1/menu-arrow.png"); }
#sous-menu-x li.last { border-bottom: 1px solid #fff; }
#sous-menu-x li.last a,
#sous-menu-x li.last a.active { border: 0 none; }
#sous-menu-x- { display: none; position: absolute; right: 0; top: 0; width: 750px; height: 600px; z-index: 99999; }


#menu-left-2 { }
#menu-left-2 li { }
#menu-left-2 a { display: block; padding: 5px 0 5px 12px; width: 134px; color: #e95f15; background: url("../images/interface-1/point-blanc.gif") no-repeat center left; }
#menu-left-2 a:hover { color: #b7b6b7; }

#menu-left-3 { padding-top: 15px; }
#menu-left-3 li { text-align: center; padding-top: 15px; }
#menu-left-3 li.visa-cb img { width: 83px; height: 85px; background: url("../images/interface-1/visa-cb.gif"); }
#menu-left-3 li.moooi-boutique img { width: 108px; height: 85px; background: url("../images/interface-1/boutique.png"); }



.content { position: relative; margin-left: 150px; width: 770px; z-index: 0; min-height: 400px; }


.bubble { display: none; position: absolute; left: 0; top: 0; margin-top: -33px; margin-left: -20px; padding: 8px 8px 8px 45px; color: #000; width: 162px; height: 49px; font-size: 8.5pt; font-family: "Comic sans ms", sans-serif; background: url("../images/interface-1/bubble-80.png") no-repeat; }


#baseline { position: relative; margin: 0 auto; width: 920px; font-size: 7.5pt; padding: 0 0 15px 0; letter-spacing: 1px; text-align: center; }
#baseline span { display: none; }
#baseline #ici { position: absolute; left: 40px; top: -30px; }


.mouseover { background-color: #222; }