/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-index.css, 2009/10/19
 * @link	http://www.agenceici.com/
 * @link	http://www.kenny-racing.com/
 *
 */


#page-index { }

#page-index table.container { position: relative; width: 100%; height: 100%; }
#page-index table.container td.container { position: relative; width: 100%; height: 100%; }
#page-index table.container div.container { position: relative; width: 100%; height: 600px; color: #fff; font-size: 13px; text-align: center; }

#acceuil-swf { position: absolute; display: block; width: 950px; height: 600px; }

#links { position: absolute; left: 0; top: 370px; width: 100%; border-top: 1px solid #fff; z-index: 32; }
#links .language-over { color: #5597c4; }
#links a { position: relative; display: block; width: 70px; height: 60px; color: #fff; text-decoration: none; cursor: pointer; float: left; padding-top: 10px; }
#links a img { display: block; margin: 0 auto; cursor: pointer; }
#links a span { position: absolute; left: 0; bottom: 0; display: block; width: 70px; text-align: center; cursor: pointer; }
#links a:hover span { color: #5597c4; }
#links a.mx img { width: 32px; height: 36px; background: url(../../images/page-index/index-mx-1.png); }
#links a.mx:hover img { background: url(../../images/page-index/index-mx-2.png); }
#links a.atv img { width: 35px; height: 33px; background: url(../../images/page-index/index-atv-1.png); }
#links a.atv:hover img { background: url(../../images/page-index/index-atv-2.png); }
#links a.bike img { width: 33px; height: 37px; background: url(../../images/page-index/index-bike-1.png); }
#links a.bike:hover img { background: url(../../images/page-index/index-bike-2.png); }

#links-french { position: absolute; left: 50%; margin-left: -410px; top: 0px; width: 250px;  }
#links-french .language { position: absolute; left: 10px; top: -30px; }

#links-english { position: absolute; left: 50%; margin-left: 200px; top: 0px; width: 250px; }
#links-english .language { position: absolute; left: 0; top: -30px; }

#date { position: absolute; left: 50%; top: 400px; margin-left: -100px; width: 200px; font-size: 11px; color: #516279; }
#date #d-2010 { display: block; width: 162px; height: 93px; background: url(../../images/page-index/index-2010.png); margin: 0 auto; }
#date a { color: #516279; text-decoration: none; }
#date a:hover { text-decoration: underline; }

#baseline { position: absolute; left: 0; bottom: 10px; color: #fff; font-size: 11px; text-align: center; width: 100%; }