/***************************************************************************
 *				page-index.css
 *				--------------
 *	Cree le		: 20 Novembre 2007
 *	Derniere modif.	: 7 Decembre 2007
 *	Auteur		: Agence ici - Asselin Benoit
 *	Site		: http://www.agenceici.com/
 *
 ***************************************************************************/



#index { background: transparent; width: 947px; }
h1, h2 { font-weight: normal; }


.langue-en,
.langue-fr { position: relative; margin: 0 auto; width: 500px; }

.langue-en a.show-fr { display: none; }
.langue-fr a.show-en { display: none; }




.logo-kenny { margin: 0 auto; width: 350px; height: 102px; background: url('../images/index/logo-kenny-1.png'); }
.logo-kenny span { display: none; }




.image { position: absolute; top: 120px; width: 160px; height: 192px; background-repeat: no-repeat; }
.image a { position: absolute; display: block; left: 0; top: 0; width: 160px; height: 160px; }
.image a span { display: none; }
#index-racing { left: 0px; background-image: url('../images/index/image-racing.jpg'); }
#index-quad { left: 170px; background-image: url('../images/index/image-quad.jpg'); }
#index-bike { left: 340px; background-image: url('../images/index/image-bike.jpg'); }


.acces { position: absolute; left: 0; bottom: 0; width: 160px; height: 32px; }
.acces a { position: absolute; display: block; left: 0; top: 0; width: 160px; height: 32px; }
.acces a span { display: none; }
.langue-en #acces-racing { background-image: url('../images/index/acces-racing-en.gif'); }
.langue-en #acces-quad { background-image: url('../images/index/acces-quad-en.gif'); }
.langue-en #acces-bike { background-image: url('../images/index/acces-bike-en.gif'); }
.langue-fr #acces-racing { background-image: url('../images/index/acces-racing-fr.gif'); }
.langue-fr #acces-quad { background-image: url('../images/index/acces-quad-fr.gif'); }
.langue-fr #acces-bike { background-image: url('../images/index/acces-bike-fr.gif'); }




.text-en,
.text-fr { position: absolute; left: 0; top: 320px; padding: 10px 0; color: #999; text-align: justify; font-size: 12px; width: 500px; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; }

.langue-en .text-fr { display: none; }
.langue-fr .text-en { display: none; }




.bottom { position: absolute; left: 0; top: 400px; width: 500px; color: #ccc; font-size: 11px; }
.bottom .langue { position: absolute; left: 0; top: 0; }
.bottom .langue a { display: block; padding-left: 35px; width: 150px; height: 14px; background-repeat: no-repeat; color: #ccc; }
.bottom .langue .flag-en { background-image: url('../images/interface/flag-en.gif'); }
.bottom .langue .flag-fr { background-image: url('../images/interface/flag-fr.gif'); }
.bottom .langue span { display: none; }
.bottom .logo-k { position: absolute; left: 180px; top: 50px; width: 140px; height: 60px; background: url('../images/index/logo-kenny-2.gif') center top no-repeat; }
.bottom .logo-k span { display: none; }
.bottom .codes { position: absolute; right: 0; top: 0; }
.bottom .codes a { color: #ccc; }
.bottom .codes a strong { display: none; }

.langue-en .bottom .langue .flag-en { display: none; }
.langue-fr .bottom .langue .flag-fr { display: none; }