body {
	background-image: none;
	background-color: #f3fff3;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
/*Augmente la taille du texte de la section enfants */
#contenu  {
	font-size: 1.2em;
}

/*********************************************************************/
/* ********************* POLICE ************************************ */
/*********************************************************************/

/* Redéfinit la couleur des titres */
#sectionEnfants h1,
#sectionEnfants h2,
#sectionEnfants h3,
#sectionEnfants h4,
#sectionEnfants h5 {
	color: #463000;
  margin: 0;
	padding: 0;
	text-align: left;
}
#sectionEnfants #colCentre h1 {  
  padding: 0 35px 0 35px;
}
#sectionEnfants h2.sousTitre {
	color: #969d38;
  padding: 0 35px 15px 35px;
  margin-top: -3px;
  font-size: 1.4em;
	font-variant: small-caps;
  float: left;
}
#sectionEnfants #colDroite h2 {
  font-size: 1.4em;
	margin: 25px 10px 15px 10px;
}
#sectionEnfants #texte ul {
	margin: 5px 0 5px 25px;
}
/* Puces oranges pour les listes.
   Le positionnement relatif permet à IE6 d'afficher les puces... (bug) */
#sectionEnfants #texte ul li {
  background: url(../images/structure/listes-puces/enfants-etoile.gif) no-repeat left 0.2em;
  padding-left: 25px;
	position: relative;
}
#sectionsEnfants p, #sectionsEnfants li  {
	font-size: 5em;
	text-align: left;
}
#sectionsEnfants .titreenfant {
	color: #003399;
	font-size: 1.2em;
	text-decoration: none;
}
#colCentre .alignement,
#liensUtiles {
	font-size:1em;	}
/* Sert à placer les conseils au-dessous de Kim,
   dans une sorte de colonne */
.encadreEnfant, .encadreEnfant p {
	color: #463000;
	font-size: 1.1em;
	padding: 0 20px 20px 0px;	
	display: block;
	float: right;
	width: 100px;
	clear: right;
}
/* Sert à laisser un espace vide à droite du texte
   pour Kim et ses conseils */
#sectionEnfants #texte p, #sectionEnfants #texte ul li {
	margin-right: 25px;
}
/* Sert à placer les images de Kim */
img.enfant {
	margin: 0 10px 20px 20px;
	display: block;
	float: right;
  clear: right;
}
/*********************************************************************/
/* ********************** STRUCTURE ******************************** */
/*********************************************************************/

/* Supprime les couleurs et les images de fond inutiles*/ 
#sectionEnfants #structureContenu, #sectionEnfants #structureEntete, #sectionEnfants #structurePage, #sectionEnfants #contenu, #sectionEnfants #basPage, #sectionEnfants #structureBasPage, #sectionEnfants #colCentre, #sectionEnfants #entete { 
	background: none; }
/* Positionne la navigation et s'assure que le texte 
   soit au-dessus du flash */
#sectionEnfants #navPrincipale {
	margin-top: 150px;
	position: relative;
}
/* Positionne la colonne centrale et s'assure que le
   texte soit au-dessus du flash. */ 
#sectionEnfants #colCentre {
	margin-left: 200px;
	position: relative;
	display: inline; /* corrige la double marge d'IE6 */
}
/* Permet au texte de s'afficher par-dessus le flash */
#sectionEnfants #structureBasPage {
	position: relative;
}
/* Modifie la position de #texte par rapport aux éléments
   voisins. */
#sectionEnfants #contenu #colCentre #texte { 
	padding: 0 0px 0 35px;
}
/* Sert à repousser le bas de page au pied du Flash
   si le contenu est court. */
#texte {
  margin-top: 15px;
  height: auto !important; /* for modern browsers */
  height: 520px; /* for IE5.x and IE6 */
  min-height: 520px; /* for modern browsers */
}
/* Définit la colonne de droite. La position est nécessaire
   pour que le contenu apparaisse au-dessus du flash. */
#sectionEnfants #colDroite {
  float: left;
	width: 195px;
	position: relative;
}
/* Sert à placer le texte dans la colonne de droite. */
#sectionEnfants #enSavoirPlus {
	width: 100%;
}

/*********************************************************************/
/* ********************** FLASH ************************************ */
/*********************************************************************/

/* Définit et positionne le conteneur du flash.
   Les deux dernières règles centrent le flash. */
#sectionEnfants #flashContent {
 position: absolute;
 top: 0px;
 left: 501px;
 margin-left: -500px;
}
.quiz {
  height: auto !important; /* for modern browsers */
  height: 630px; /* for IE5.x and IE6 */
  min-height: 630px; /* for modern browsers */
}
.noFlash {
	margin-top:50px;
	margin-left:200px;
	width: 450px;
}