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


.content { }


table.t-backgrounds .t-background-1 td { height: 149px; border-top: 1px solid #fff; background-color: #fff; }
table.t-backgrounds .t-background-2 td { height: 149px; border-top: 1px solid #000; }
table.t-backgrounds .t-background-2 .t-left { background-color: #7f7f75; }
table.t-backgrounds .t-background-2 .t-right { background: url(../images/page-index/201003-sel-background.gif) }
table.t-backgrounds .t-background-3 td { height: 149px; border-top: 1px solid #000; }
table.t-backgrounds .t-background-3 .t-left { background: #000 url(../images/page-index/201005-oliver-background.jpg); }
table.t-backgrounds .t-background-3 .t-right { background-color: #a2a195; }

 /* fix.scroll */
table.t-backgrounds .t-left { width: 45%; }
table.t-backgrounds .t-right { width: 55%; }
div.d-body { width: 1130px; }


#visuel-ken-burns { position: relative; width: 900px; /*1000px;*/ height: 150px; overflow: hidden; margin: 0 auto; }
#visuel-ken-burns span { position: absolute; left: 0; top: 0;  }
#visuel-ken-burns img { position: absolute; left: 0; top: 0; }
#visuel-ken-burns-fade { position: absolute; left: 115px; /*49px*/; top: 0; width: 902px; /*1000px;*/ height: 150px; background: url(../images/interface-1/index-fade.png); z-index: 10; }


#block-zoom-1 { position: absolute; left: 562px; top: 151px; width: 427px; height: 149px; }
#block-zoom-1 .overflow { position: relative; width: 560px; height: 149px; overflow: hidden; background: url(../images/page-index/201003-sel-background.gif) 50%; }
#block-zoom-1 ul { position: absolute; }
#block-zoom-1 li { position: relative; float: left; width: 560px; padding-top: 35px; text-align: center; }
#block-zoom-1 a.lps-brands { position: absolute; right: 70px; top: 11px; font-size: 14px; }
#block-zoom-1 a.lps-glasses img { display: inline-block; border: 1px solid #bfdbd6; }
#block-zoom-1 strong { position: absolute; left: 50px; top: 5px; font-size: 20px; font-weight: normal; letter-spacing: 3px; }
#block-zoom-1 .lps-pages { position: absolute; left: 500px; top: 10px; width: 23px; border: 1px solid #000; text-align: center; }
#block-zoom-1 .lps-left { position: absolute; left: 0px; top: 0px; width: 40px; height: 149px; background: url(../images/page-index/201003-sel-left.png); cursor: pointer; }
#block-zoom-1 .lps-right { position: absolute; left: 520px; top: 0px; width: 40px; height: 149px; background: url(../images/page-index/201003-sel-right.png); cursor: pointer; }


#block-zoom-2 { position: absolute; left: -75px; top: 301px; width: 402px; height: 149px; }
#block-zoom-2 img.photo { display: block; }
#block-zoom-2 a.abso { position: absolute; left: 0; top: 0; width: 402px; height: 149px; background: url(../images/none.gif); }


#block-trend { position: absolute; left: 327px; top: 151px; width: 235px; height: 299px; }
#block-trend a { display: block; position: relative; width: 235px; height: 299px; }
#block-trend a img { display: block; }
#block-trend a span { position: absolute; left: 10px; top: 280px; font-size: 11px; color: #000; }


#block-marc { position: absolute; left: 562px; top: 300px; width: 440px; height: 150px; }
#block-marc p.description { position: absolute; left: 18px; bottom: 0; width: 420px; height: 130px; line-height: 16px; font-family: "Courier New", monospace; text-align: justify; color: #373730; }
#block-marc img { position: absolute; left: 0; bottom: 0; width: 437px; height: 43px; background: url(../images/interface-1/marc-le-bihan-logo.png); }