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


html, body { width: 100%; height: 100%; font-size: 12px; font-family: Arial, sans-serif; margin: 0; padding: 0; cursor: default; background: #000; }

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

img { border: 0 none; }

.clear { clear: both; }
.no-spam { display: none; }



.container { position: relative; width: 766px; height: 100%; margin: 0 auto; }

.head { width: 766px; height: 136px; background: url(../images/interface/head.jpg); }

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

.menu-1 { position: absolute; left: 400px; top: 20px; }
.menu-1 ul { margin: 0; padding: 0; }
.menu-1 li { margin: 0; padding: 0; list-style: none; }
.menu-1 ul.menu { }
.menu-1 ul.menu li { float: left; }
.menu-1 ul.menu li a { display: block; height: 40px; }
.menu-1 ul.menu li a span { display: none; }
.menu-1 ul.menu li.li-1 a { width: 78px; }
.menu-1 ul.menu li.li-2 a { width: 130px; }
.menu-1 ul.menu li.li-3 a { width: 80px; }
.menu-1 ul.menu li.li-4 a { width: 70px; }

.menu-2 { position: absolute; right: 0; top: 100px; z-index: 3200; }
.menu-2 ul { margin: 0; padding: 0; }
.menu-2 li { margin: 0; padding: 0; list-style: none; }
.menu-2 ul.menu { }
.menu-2 ul.menu li { float: left; }
.menu-2 ul.menu li a { display: block; color: #fff; font-size: 11px; padding: 10px 15px 10px 15px; background: url(../images/interface/menu-separateur.png) left top no-repeat; cursor: pointer; }
.menu-2 ul.menu li a:hover { color: #f60; }
.menu-2 ul.menu li a.active { color: #f60; }
.menu-2 ul.menu li.first a { background: none; }
.menu-2 ul.menu li.first ul.smenu li a { padding: 5px 20px 5px 10px; } /* fix */
.menu-2 ul.smenu { display: none; position: absolute; top: 30px; margin-left: 5px; border: 1px solid #707070; background: #111; }
.menu-2 ul.smenu li { position: relative; float: none; border-top: 0 none; padding: 0; }
.menu-2 ul.smenu li a { display: block; position: relative; font-size: 12px; padding: 5px 20px 5px 10px; border: 0 none; white-space: nowrap; background: transparent;}
.menu-2 ul.smenu li a:hover { color: #f60; }
.menu-2 ul.smenu li.first a { padding: 5px 20px 5px 10px; }



.banner { width: 100%; height: 130px; }
.banner span { display: block; position: absolute; width: 766px; height: 130px; }
.banner img { display: block; width: 766px; height: 130px; border: 0 none; }



.content { }



.foot { width: 100%; height: 53px; font-family: Tahoma, sans-serif; font-size: 10px; color: #707070; background: url(../images/interface/foot.gif); }
.foot p { padding: 20px; }
.foot a { font-family: Tahoma, sans-serif; font-size: 10px; color: #707070; }
.foot a:hover { text-decoration: underline; }
.foot a strong { display: none; }



.display-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/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; }