/* CSS Document */
/* 	Copyright - 2005 -
	Marie Joelle Chabot; 
	Marc-André Marchand (http://www.marc-andremarchand.com);
	Mathieu Synnett (http://www.msmedia.ca).
*/

/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Liens  */
a:link { color: #B6EAFF; text-decoration: none; font-weight: bold; }
a:visited { color: #B6EAFF; text-decoration: none; font-weight: bold; }
a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
a:active { color: #B6EAFF; }
a.aFoncer:link { color: #B6EAFF; text-decoration: none; font-weight: bold; font-size: 11px;}
a.aFoncer:visited { color: #B6EAFF; text-decoration: none; font-weight: bold; font-size: 11px;}
a.aFoncer:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold; font-size: 11px;}
a.aFoncer:active { color: #B6EAFF; }
a.aPale:link { color: #B6EAFF; text-decoration: none; font-weight: normal; font-size: 10px; }
a.aPale:visited { color: #B6EAFF; text-decoration: none; font-weight: normal; font-size: 10px; }
a.aPale:hover { color: #FFFFFF; text-decoration: underline; font-weight: normal; font-size: 10px; }
a.aPale:active { color: #B6EAFF; }
/* Liens  */


/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Redéfinition de balises */
img { border: none; }
/* Redéfinition de balises */


/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Elements du body et conteneur */
body, #conteneur1 { background-position: top; text-align: left; }

body { font-family:Arial, Helvetica, sans-serif; border: none; background-color: #000000; color: #FFFFFF; font-size: 12px; }

#conteneur1 { position: relative; left: 0px; top: 0px; width: 553px; }
/* Elements du body et conteneur*/


/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Polices de caractères */
p { margin: 0 0 0 0; padding: 0 0 5px 0; }
p.splash10px { font-size: 10px; }
.titreComment, .heureDateComment, .texteComment { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
p.titreComment { font-weight: bold; color: #B6EAFF; }
p.texteComment { font-weight: normal; color: #FFFFFF; }
p.verdana { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
p.arial { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; padding-top: 3px;}
p.trebuchet { font-family: Trebuchet MS, Arial, sans-serif; font-size: 11px; padding-top: 3px; }
p.courrier { font-family: "Courier New", Courier, mono; font-size: 12px; padding-top: 3px;}
p.titreNom { letter-spacing: 5px; color: #B6EAFF; font-weight: bold; padding-top: 20px;}
p.sTitre { font-weight: bold; }
p.centreBleuFonce { color: #63839C; text-align: center; font-weight: bold; }
p.paddingTop { padding: 20px 0 5px 0; }
p.espacement { padding-bottom: 10px; }
p.definitionDict { padding: 5px 5px 5px 5px; margin: 10px 25px 10px 25px; border: 1px solid #63839C; font-style: italic; width: 400px; }
span.bold { font-weight: bold; }
span.boldItalic { font-weight: bold; font-style: italic; }
span.bleuGras { color:#B6EAFF; font-weight: bold; }
/* Polices de caractères */

/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Contenu */
#contenu { padding: 0 0 0 0; }
/* ----------------- */
/* ----------------- */
/* Splash Screen */
#imageSplash1 { position: absolute; top: 0px; left: 0px; height: 390px; width: 276px; }
#imageSplash2 { position: absolute; top: 0px; left: 276px; height: 390px; width: 277px; }
#liensJouerComment { position: absolute; top: 325px; left: 55px; }
#indices { position: absolute; top: 345px; left: 95px; }
#liensFlashKoubys { position: absolute; top: 300px; left: 350px; line-height: 20px }
#avertissementTempSplash { position: absolute; top: 400px; left: 75px; width: 375px; border: 1px solid #63839C; padding: 10px 10px 10px 10px; margin: 0 0 150px 0; line-height: 18px;}
.alignCenter { text-align: center; }
.noteTemp { padding: 15px 0 10px 0; }
#margeBas { position: absolute; top: 600px; left: 50px; height: 20px; }
/* ----------------- */
/* ----------------- */
/* Page commentaires */
#fond_commentaires { position: absolute; top: 0px; left: 0px; background-image: url(../images/bg_commentaires.jpg); background-repeat: no-repeat; height: 339px; width: 553px; }
#formGauche { position: absolute; top: 200px; left: 80px; line-height: 18px; }
#formDroite { position: absolute; top: 200px; left: 270px; line-height: 18px; }
#formEnvoyer { position: absolute; top: 355px; left: 68px; }
.champsTexte { width: 165px;}
.champsTexteArea { width: 225px; height: 101px;}
/* ----------------- */
/* ----------------- */
/* le commentaire */
.conteneurNbrePage { padding: 0 0 50px 0; }
#listeCommentaires { position: absolute; top: 425px; left: 80px; width: 415px; }
.conteneurCommentaire { padding: 0 0 50px 0; }
.enteteComment { border-bottom: 1px solid #2C2C2C; width: 415px; }
.left { text-align: left; padding: 0 0 0 0;}
.right { text-align: right; float: right; padding: 0 0 0 0;}
.leCommentaire { clear: both; padding-top: 10px; width: 415px;}
/* ----------------- */
/* ----------------- */
/* crédits */
#imageCredits1 { position: absolute; top: 0px; left: 0px; height: 339px; width: 298px; }
#imageCredits2 { position: absolute; top: 0px; left: 298px; height: 339px; width: 255px; }
#texteCredits { position: absolute; top: 360px; left: 80px; width: 473px }
#descriptionKoubys { padding: 10px 10px 10px 10px; width: 473px; margin-top: 25px; }
#descriptionEquipe { padding: 10px 10px 50px 10px; width: 473px; margin-top: 15px; }
#btnRetour { position: absolute; top: 325px; left: 68px; }
/* ----------------- */
/* ----------------- */
/* indices */
#imageIndices1 { position: absolute; top: 0px; left: 0px; height: 313px; width: 273px; }
#imageIndices2 { position: absolute; top: 0px; left: 273px; height: 313px; width: 280px; }
#btnRetourIndices { position: absolute; top: 285px; left: 68px; }
#titreIndices { position: absolute; top: 330px; left: 75px; width: 450px; }
#lesIndices { position: absolute; top: 380px; left: 50px; width: 450px; }
/* Contenu */