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


html, body { width:100%; height:100%; font-size:12px; font-family:Arial, sans-serif; margin:0; padding:0; background:url(../images/interface/background.gif); cursor:default; }

a { color:#fff; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; }

img { border:0 none; }

.clear { clear:both; }



.container { position:relative; width:1000px; margin:0 auto; }

.head { width:100%; height:160px; }
.head img { display:block; width:1000px; height:160px; background:url(../images/interface/head.png); }


.logo { position:absolute; left:0; top:0; width:1000px; height:110px; }
.logo span { display:none; }

.menu { position:absolute; left:0; top:115px; z-index:320; }
.menu ul { margin:0; padding:0; }
.menu li { margin:0; padding:0; list-style:none; }
.menu ul.menu { position:absolute; left:0; top:0; width:1000px; }
.menu ul.menu li { float:left; }
.menu ul.menu li a { display:block; color:#fff; font-size:13px; padding:2px 15px 2px 15px; border-left:1px solid #fff; cursor:pointer; }
.menu ul.menu li.first a { border-left:0 none; }
.menu ul.menu li.first ul.smenu li a { padding:5px 20px 5px 10px; } /* fix */
.menu ul.smenu { display:none; position:absolute; top:25px; margin-left:10px; background:#ff6500 url(../images/interface/menu-background.gif) repeat-x; }
.menu ul.smenu li { position:relative; float:none; border:1px solid #fff; border-top:0 none; padding:0; }
.menu ul.smenu li a { display:block; position:relative; font-size:12px; padding:5px 20px 5px 10px; border:0 none; white-space:nowrap; }
.menu ul.smenu li a:hover { text-decoration:underline; }
.menu ul.smenu li.first a { padding:5px 20px 5px 10px; }
.menu a.active { text-decoration:underline; }


table.content { width:100%; background:#212121 url(../images/interface/content-background.gif) repeat-x; }
table.content tr.thead td,
table.content tr.tfoot td { font-size:0; }
table.content tr.thead td.corner-top-left,
table.content tr.thead td.corner-top-right,
table.content tr.tfoot td.corner-bottom-left,
table.content tr.tfoot td.corner-bottom-right { display:block; width:8px; height:8px; padding:0; }
table.content tr.tbody td.border-left,
table.content tr.tbody td.border-right { width:8px; padding:0; }
table.content tr.thead td.border-top,
table.content tr.tfoot td.border-bottom { width:auto; }
table.content td.content-center div.content { position:relative; color:#fff; }
table.content div.corner-top-left { position:relative; width:8px; height:8px; left:0; top:0; font-size:0; background:url(../images/interface/corner-top-left.png); z-index:32; }
table.content div.corner-top-right { position:relative; width:8px; height:8px; right:0; top:0; font-size:0; background:url(../images/interface/corner-top-right.png); z-index:32; }
table.content div.corner-bottom-left { position:relative; width:8px; height:8px; left:0; bottom:0; font-size:0; background:url(../images/interface/corner-bottom-left.png); z-index:32; }
table.content div.corner-bottom-right { position:relative; width:8px; height:8px; right:0; bottom:0; font-size:0; background:url(../images/interface/corner-bottom-right.png); z-index:32; }


.images-bottom { width:100%; height:142px; padding:30px 0; }
.images-bottom img { display:block; position:absolute; }
.images-bottom a.block { position:relative; display:block; width:221px; height:142px; margin-left:38px; float:left; color:#000; }
.images-bottom a.first { margin-left:0; }
.images-bottom a:hover { color:#fff; text-decoration:none; }
.images-bottom img.head { width:221px; height:34px; left:0; top:0; }
.images-bottom img.image { width:221px; height:108px; left:0; top:34px; }
.images-bottom span.head { position:absolute; left:0; top:0; width:221px; padding-top:8px; height:25px; text-align:center; letter-spacing:2px; font-size:13px; background:#464646; }
.images-bottom span.corner-top-left { display:block; position:absolute; width:8px; height:8px; left:0; top:0; font-size:0; background:url(../images/interface/corner-top-left.png); z-index:32; }
.images-bottom span.corner-top-right { display:block; position:absolute; width:8px; height:8px; left:213px; top:0; font-size:0; background:url(../images/interface/corner-top-right.png); z-index:32; }
.images-bottom span.corner-bottom-left { display:block; position:absolute; width:8px; height:8px; left:0; bottom:0; font-size:0; background:url(../images/interface/corner-bottom-left.png); z-index:32; }
.images-bottom span.corner-bottom-right { display:block; position:absolute; width:8px; height:8px; left:213px; bottom:0; font-size:0; background:url(../images/interface/corner-bottom-right.png); z-index:32; }


.copy { display:none; }



#page-html { }

#page-index table.content { height:355px; }
#page-index table.content tr.tbody td.content-center { }
#page-index table.content tr.tbody td.content-center div.content { height:355px; }
#page-index table.content tr.tbody td.content-center div.scroll-me { margin-left:540px; height:355px; overflow:hidden; overflow-y:auto; }

#page-index #images-index { position:absolute; left:-8px; top:-8px; }
#page-index #images-index span { position:absolute; left:0; top:0; width:542px; height:371px; background:#ff6500 url(../images/interface/content-background.gif) repeat-x; }
#page-index #images-index img { display:block; }

.display-image { position:absolute; left:0; top:0; width:100%; height:100%; background:url(null.gif); z-index:32000; }
.display-image div { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; }
.display-image img { position:absolute; display:block; left:50%; top:50%; background:#fff; }