body {
    font-size: 10pt;
    font-family: Helvetica;
}

/* Liens */ 

a:link {
	color: #cc00ff;
	text-decoration: none;
}
a:visited {
	color: #cc00ff;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a.aJeux:link {
	color: #FEFF01;
	font-size: 14pt;
	text-decoration: none;
}
a.aJeux:visited {
	color: #FEFF01;
	font-size: 14pt;
	text-decoration: none;
}
a.aJeux:hover {
	color: #ffffff;
	font-size: 14pt;
	text-decoration: none;
}
a.footer:link {
	color: #ffffff;
	text-decoration: none;
}
a.footer:visited {
	color: #ffffff;
	text-decoration: none;
}
a.footer:hover {
	color: #ffffff;
	text-decoration: underline;
}


/* Contenu */ 

h1 { /* Titre de section (CMS) */ 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #cc00ff;
	border-bottom: 1px solid #cc00ff ;
}
h2 { /* Sous-Titres */ 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


/* Polices */ 

td#intro { /* Bannière d'introduction & Concours */ 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474800;
	font-weight: normal;
}
td#nouvelle { /* Nouvelles */ 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
td#footer { /* Pied de page */ 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
}
table#jeunesse { /* Introduction zone jeunesse */ 
	font-family: Comic Sans MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
td#jeu { /* Titre des jeux flash */ 
	font-family: Comic Sans MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FE0000;
}


/* Liste des histoire pour le coin de lecture */ 

ul#histoire {
	margin: 0 50px 0 35px;
	padding: 3px;
	list-style: disc;
	font-family: Comic Sans MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
}
ul#histoire li {
	text-align: left;
}
ul#histoire li a {
	color: #000000;
	text-decoration: none;
}
ul#histoire li a:hover {
	color: #cc00ff;
	text-decoration: none;
}

div.divContainerBlogs {
    width: 100%;
}

div.divContainerSujetBlog {
    padding: 10px;
    margin-bottom: 30px;
}

div.divDateSujetBlog {
    font-size: 11pt;
    text-align: right;
    border-bottom: solid 1px #3D678F;
}

div.divTitreSujetBlog {
    font-size: 14pt;
    text-align: justify;
    margin-bottom: 10px;
}

div.divImageSujetBlog {
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
}

div.divContenuSujetBlog {
    font-size: 10pt;
    text-align: justify;
}

div.divOptionsSujetBlog {
    font-size: 8pt;
    text-align: right;
    margin-top: 15px;
    padding-bottom: 5px;
    border-top: solid 1px #3D678F;
}

img.imgOptionsBlog {
    margin-right: 3px;
    position: relative;
    top: 4px;
}

img.imgGrandePhoto {
    border: solid 1px #000000;
    padding: 2px;
    margin: 1px;
}

img.imgPhoto {
    border: solid 1px #000000;
    padding: 2px;
    margin: 1px;
    cursor: pointer;
}

img.imgPhoto:hover {
    border: solid 1px #608BCC;
}

img.imgPhotoSelectionnee {
    border: solid 2px #59D630;
    padding: 2px;
    cursor: pointer;
}

img.imgNavigationPhoto {
    cursor: pointer;
}

img#imgJouer {
    cursor: pointer;
    visibility: hidden;
}

/* Frimousse de star */ 
table.boutonMoisOff { /* Bouton pour les mois non disponibles */ 
	border: 1px solid #C6C6C6;
	background-color: #DEDEDE;
}
table.boutonMoisOn { /* Bouton pour les mois disponibles */ 
	border: 1px solid #6795d3;
	background-color: #FFFFFF;
}
td.mois { /* Texte pour les boutons des mois */ 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

p.pBebeLove {
    color: #FFFFFF;
    text-align: justify;
    font-size: 10pt;
    font-family: Comic Sans MS;
}

div#flecheAccueilContainer {
    position: absolute;
    width: 321px;
    text-align: right;
}

div#flecheAccueil {
    padding-top: 15px;
}