/* Convention de syntaxte J&K 
 * 
 * Un fichier ne doit correspondre qu'à UNE SEULE page, à l'exception du main.css qui ne doit contenir QUE des éléments communs à toutes les pages
 * 
 * Redéfinition d'élément : MAJUSCULE (IMG, A, SPAN...)
 * Classes et identifiants : minuscule (#menu, .link_hover...)
 * 
 * Indenter en fonction des éléments parents, par exemple :
 * 
 * #menu{
 * 		font-weight:normal;
 * }
 * 
 * 		#menu A{
 * 			font-weight:bold;
 * 		}
 * 
 * Conserver l'indentation pour un div contenu dans le menu.
 * Ainsi, pour le div #le_sous_menu :
 * 
 * 		#le_sous_menu{
 * 			border:solid 1px #FFF;
 * 		}
 * 
 * Mettre des commentaires EN MAJUSCULE pour définir les parents principaux (conteneurs principaux, header, contenu, footer, menu)
 * 
 * Le document doit être ordonnée comme suit :
 * 1- Redefinition d'éléments (BODY, IMG, A, SPAN...)
 * 2- Classe générique (.cursor, .couleur ...)
 * 3- Définition des parents principaux
 * 
 * Une définition doit être ordonnée comme suit :
 * 1- Positionnement
 * 		- float
 * 		- position
 * 			- top/left
 * 
 * 2- Dimensions
 * 		- width/height
 * 
 * 3- Autres définitions
 * 		- Font
 * 		- ...
 * 
 * 4- Margin/Padding (en dernier pour les retrouver facilement)
 */


/* -------------------------------------------------------------------
REDEFINITION D'ELEMENTS
------------------------------------------------------------------- */
*{
	/* Correction de la difference de gestion des marges par défaut entre Firefox et IE */
	margin:0;
	padding:0;
}

IMG{
	border:none;
}

/* Définition des liens */
A, A:hover{
	cursor:pointer;
}

BODY{
	width:100%;
	height:100%;
	background:url("../images/bg.jpg") no-repeat;
}

/* -------------------------------------------------------------------
CLASSES GENERIQUES
------------------------------------------------------------------- */


 
/* -------------------------------------------------------------------
AUTRES DEFINITIONS
------------------------------------------------------------------- */
/*
 * CONTENEUR
 */

#container{
	float:left;
	width:100%;
	height:100%;
}

/*
 * CONTENU
 */

#flashTwitt{
	position:absolute;
	float:left;
	width:100%;
	height:100%;
	top:0;
	left:0;
}


/*
 * PIED DE PAGE
 */

#footer{
	position:absolute;
	width:100%;
	height:140px;
	bottom:0;
}

	#logoTwitt{
		position:absolute;
		bottom:0;
		left:0;
	}
	
	#logoJandk{
		position:absolute;
		bottom:0;
		right:0;
	}