

/* Général */

body {
	color: #000000;
	background-color: #EBF5A1;
	padding: 0;
	margin:0;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size: 12px;	
}

a {
	color: #92117E;
}
a:hover, a:focus {
	color: #D85225;
}

h1 {
	font-size: 17px;
	line-height: 15px;
	color: #FFF;
	padding: 0;
	margin: 12px 0 3px 13px;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 0.3px;
}
h2 {
	font-size: 13px;
	line-height: 13px;
	color: #BD1E2A;
	padding: 0 0 0 7px;
	margin: 5px 0 1px 13px;
	font-weight: bold;
	background-image: url(../images/commons/puce_rouge.gif);
	background-repeat: no-repeat;
}
h3{
	color: #336900;
	font-weight: bold;
	font-size: 13px;
	margin: 10px 0 1px 13px;
	
	
}
h4 {
	font-size: 17px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0 0 30px 13px;
	padding: 0;
	
	
}
h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 3px 0 0 13px;
	padding: 0;
	text-align: justify;
	
	
}

h6 {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 27px;
	margin: 5px 0 2px 0;
	text-align: justify;
	color: #BD1E2A;
	font-weight: bold;
	background-image: url(../images/autres/puce_fne.gif);
	background-repeat: no-repeat;
	line-height: 18px;	
	
}



p {
	margin: 0 0 0 13px;
	padding: 0;
	text-align: justify;
	width:530px;
	display: block;
}

.fne {
	margin: 0 0 0 27px;
	padding: 0;
	text-align: justify;
	width:500px;
	display: block;
}
.goodies {
	margin: 0 0 0 13px;
	padding: 0;
	text-align: justify;
	
	display: block;
}
.texteAccueil {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 30px;
	text-align: justify;	
	display: block;
	background-image: url(../images/autres/puce_fne.gif);
	background-repeat: no-repeat;
	width:530px;
	line-height: 24px;
}
.texteAccueil2 {
	color: #BD1E2A;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 30px;
	text-align: justify;	
	display: block;
	background-image: url(../images/autres/puce_fne.gif);
	background-repeat: no-repeat;
	width:530px;
	line-height: 24px;
}
.texte {
	margin: 0 0 0 13px;
	padding: 0;
	text-align: justify;
	width:530px;
	display: block;
}

.blanc {
	color: #FFFFFF;
	font-weight: bold;
}
.rouge {
	color: #D85225;
	
}




.top a {
	margin: -3px 0 5px 0;
	padding: 6px 13px 0 0;
	display: block;
	float: right;
	color: #92117E;
	background-image: url(../images/commons/top_off.gif);
	background-repeat: no-repeat;
	background-position: right;
	height:15px;
}
.top a:hover {
	color: #D85225;
	background-image: url(../images/commons/top_on.gif);
	
}

.retour a {
	margin: -15px 0 0 465px;
	padding: 14px 13px 7px 0;
	color: #92117E;
	background-image: url(../images/commons/retour_off.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	right: 0px;
	display: block;
	width: 80px;
}
.retour a:hover {
	color: #D85225;
	background-image: url(../images/commons/retour_on.gif);
	
}




/* --- POSITIONNEMENT --- */

/* Page */


#global {
	width: 980px;
	margin: 0  auto;
	padding: 0;
	background-image: url(../images/commons/fond_page.gif);
	background-repeat: repeat-y;
	background-position: top;
}

#global_jeu {
	width: 980px;
	margin: 0  auto;
	padding: 0;
	background-image: url(../images/jeu/fond_page_jeu.gif);
	background-repeat: repeat-y;
	background-position: top;
}

/* En-tête */
#entete {
	padding: 0;
	margin: 0;
	height:188px;
	background-image: url(../images/commons/entete.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#enteteQuiz {
	padding: 0;
	margin: 0;
	height:188px;
	background-image: url(../images/commons/entete_quiz.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#enteteFNE {
	padding: 0;
	margin: 0;
	height:188px;
	background-image: url(../images/autres/entete_fne.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#enteteGoodies {
	padding: 0;
	margin: 0;
	height:188px;
	background-image: url(../images/autres/entete_goodies.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#enteteCredits {
	padding: 0;
	margin: 0;
	height:188px;
	background-image: url(../images/autres/entete_blog.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#enteteJeu {
	padding: 0;
	margin: 0;
	height:188px;
	background-image: url(../images/jeu/entete_jeu.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#enteteBlog {
	padding: 0;
	margin: 0;
	height:240px;
	background-image: url(../images/autres/entete_blog.gif);
	background-repeat: no-repeat;
	background-position: top;
}

/* Bloc central */
#centre_vie {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/sa_vie/fond_vie.gif);
	background-repeat: no-repeat;
	background-position: top;	
}
#centre_look {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/son_look/fond_look.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#centre_glossaire {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/glossaire/fond_glossaire.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#centre_dangers {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/dangers/fond_dangers.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#centre_quiz {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/commons/fond_quiz.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
	padding:0;
}
#centre_FNE {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/autres/fond_FNE.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
	padding:0;
}
#centre_goodies {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/autres/fond_goodies.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
	padding:0;
}
#centre_credits {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/autres/fond_credits.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
	padding:0;
}
#centre_jeu {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/jeu/fond_jeu.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
	padding:0;
}
#centre_home {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/autres/fond_accueil.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
	padding:0;
}
#centre_blog {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/autres/fond_blog.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
	padding:0;
}




/* footer */

#footer {
	width: 980px;
	padding: 0;	
	margin:  0;
	height: 114px;
	background-image: url(../images/sa_vie/fond_pied_vie.gif);
	background-repeat: no-repeat;
	
}

#footerJeu {
	width: 980px;
	padding: 0;
	margin:  0;
	height: 114px;
	background-image: url(../images/jeu/fond_pied_jeu.gif);
	background-repeat: no-repeat;	
}

.footer  {
	padding:  20px 0 0 75px;
	margin: 0;
	font-size: 10px;
	
	display: block;
	width: 100px;
}

.footer a {
	
	color: #000;
	font-style: normal;
	text-decoration: none;
	
	
}

.footer a:hover {

	color: #D85225;
	font-style: normal;
	text-decoration: none;
}

/* Menu de sa vie */

#MenuVie {

	width: 260px;
	height:225px;
	padding: 0;
	margin: 75px 0 0 0;
	background-image: url(../images/sa_vie/fond_menu_vie.gif);
	background-repeat: no-repeat;
	
}
#MenuVie ul {
	margin: 0;
	padding: 20px 0 0 83px;
	list-style: none;
	line-height: 13px;
	
	
}

#MenuVie li a {
	padding: 0 0 0 8px;
	margin:0;
	font-size: 12px;
	text-decoration: none;
	color: #1A171B;
	font-variant: small-caps;
	background-image: url(../images/sa_vie/puce_menuVie_off.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	
}
#MenuVie li a:hover  {
	
	background-image: url(../images/sa_vie/puce_menuVie_on.gif);
	background-repeat: no-repeat;
}

/* Menu dangers */

#MenuDangers {
	width: 260px;
	height:225px;
	padding: 0;
	margin: 50px 0 0 0;
	background-image: url(../images/dangers/fond_menu_dangers.gif);
	background-repeat: no-repeat;	
}

#MenuDangers ul {
	margin: 0;
	padding: 48px 0 0 85px;
	list-style: none;
	line-height: 13px;
	
	
}

#MenuDangers li a {
	padding: 0 0 0 8px;
	margin:0;
	font-size: 12px;
	text-decoration: none;
	color: #1A171B;
	font-variant: small-caps;
	background-image: url(../images/sa_vie/puce_menuVie_off.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	
}
#MenuDangers li a:hover  {
	
	background-image: url(../images/sa_vie/puce_menuVie_on.gif);
	background-repeat: no-repeat;
}



/* Menus */

a.Menus 
{
	
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	display: block;
	text-decoration: none;
}

a.Menus:hover
{
	margin: 0;
	color: #cc3333;
	padding: 0 0 0 20px;
	display: block;
	background-image: url(../images/commons/puce_menu.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.Menus0n
{
	margin: 0;
	color: #cc3333;
	padding: 0 0 0 20px;
	display: block;
	background-image: url(../images/commons/puce_menu.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 16px;
	font-weight: bold;
}


#sousMenu
{
	/*display: none;*/
	list-style-type: none;
	margin:  0;
	padding: 0;
	width:100px;
	z-index:1;
	position: relative;
	top: 3px;
	right: 0px;
	
}
#sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: right;
	color: #cc3333;
	font-size: 12px;
	font-weight: bold;
	
	
	
}
#sousMenu li a {
	
	margin: 0;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: right;	
	
	padding: 0;
	line-height: 15px;
}
#sousMenu li a:hover
{
	color: #cc3333;
	
}



#heriVie
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 111px;
	height:70px;
	left: 110px;
	bottom : 120px;
	z-index:1;
	
}
#heriQuiz
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 111px;
	height:70px;
	left: 350px;
	bottom : 120px;
	z-index:1;	
}
#heriGoodies
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 111px;
	height:70px;
	left: 650px;
	bottom : 120px;
	z-index:1;	

}
#heriJeu
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 111px;
	height:70px;
	left: 250px;
	bottom : 120px;
	z-index:1;	
}
#heriBlog
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 111px;
	height:70px;
	left: 470px;
	bottom : 180px;
	z-index:1;
	display: block;
}
#heriBlog2
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 111px;
	height:70px;
	left: 470px;
	bottom : 170px;
	z-index:1;	
}
#feuilleBlog
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 35px;
	height:33px;
	left: 170px;
	top : -70px;
	z-index:5;
	display: block;
}

/* Sa vie */

/*Infos  marge gauche 01 */

.savie_info01_top {
	width: 260px;
	height:13px;
	background-image: url(../images/sa_vie/info01_top.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	display: block;
	background-position: bottom;
	
}

.savie_info01_bottom {
	background-image: url(../images/sa_vie/info01_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 260px;
	display: block;
	margin: 0 0 30px 0;
	padding: 0;
	height:20px;
}
.savie_info01_middle {
	background-image: url(../images/sa_vie/info01_middle.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 260px;
	display: block;
	margin: -5px 0 0 0;
	padding:  0;
}

.savie_info02_top {

	width: 260px;
	height:136px;
	background-image: url(../images/sa_vie/fond02_top.gif);
	background-repeat: no-repeat;
	margin: -5px 0 0 0;
	padding: 0;
	display: block;
}

.savie_info02_bottom {
	background-image: url(../images/sa_vie/fond02_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 260px;
	display: block;
	margin: 0 0 30px 0;
	padding: 0;
	height:99px;
}
.savie_info02_middle {
	background-image: url(../images/sa_vie/fond02_middle.gif);
	background-repeat: repeat-y;
	background-position: bottom;
	width: 260px;
	display: block;
	margin: -27px 0 0 0;
	padding:  0;
	
}

.savie_info03_top {

	width: 260px;
	
	background-image: url(../images/sa_vie/fond03_top.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	display: block;
}

.savie_info03_bottom {
	background-image: url(../images/sa_vie/fond03_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 260px;
	display: block;
	margin: 0 0 75px 0;
	padding: 0;
	height:25px;
}

.titre_info {
	color: #CC3333;
	font: bolder;
	font-size: 16px;
	line-height: 15px;
	margin: 0 10px 0 85px;
	padding: 0 15px;
	display:block;
	font-variant: small-caps;
	0
	letter-spacing: -0.5px;
		
}
.texte_infos {
	font-size: 12px;
	line-height: 13px;
	margin: -10px 10px 0 85px;
	padding: 0 15px;
	display:block;
	background-color: #FFFFFF;
	text-align: justify;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.texte_infos2 {
	font-size: 12px;
	line-height: 13px;
	margin: -10px 10px 0 85px;
	padding: 0 15px;
	display: block;
	color: #66B8DC;
	background-color: #FFFFFF;
	text-align: justify;
	font-weight: bold;
	letter-spacing: -0.5px;
}

/* Son look */

.sonlook_parag_top {
	background-image: url(../images/son_look/parag_top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 530px;
	display: block;
	margin: 10px 0 0 13px;
	padding:  0;
	height:23px;
}

.sonlook_parag_middle {
	background-image: url(../images/son_look/parag_middle.gif);
	background-repeat: repeat-y;
	display: block;
	margin: 0 0 0 13px;
	padding: 0 30px 0 15px;
	text-align: justify;
}

.sonlook_parag_bottom {
	background-image: url(../images/son_look/parag_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 530px;
	display: block;
	margin: 0 0 0 13px;
	padding:  0;
	height:13px;
}

.sonlook_parag_titre {
	font-size: 13px;
		color: #cc3333;
	padding:5px;
	margin: 0 0 0 31px;
	font-weight: bold;
	background-color: #C2CF40;
	
}

/* dangers */

.dangers_parag_top {
	background-image: url(../images/dangers/parag_top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 530px;
	display: block;
	margin: 10px 0 0 13px;
	padding:  0;
	height:23px;
}

.dangers_parag_middle {
	background-image: url(../images/dangers/parag_middle.gif);
	background-repeat: repeat-y;
	display: block;
	margin: 0 0 0 13px;
	padding: 0 30px 0 15px;
	text-align: justify;
}

.dangers_parag_bottom {
	background-image: url(../images/dangers/parag_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 530px;
	display: block;
	margin: 0 0 0 13px;
	padding:  0;
	height:13px;
}

.dangers_parag_titre {
	font-size: 13px;
		color: #336900;
	padding:5px;
	margin: 0 0 0 31px;
	font-weight: bold;
	background-color: #C2CF40;
	
}
.dangers_info_bottom {
	background-image: url(../images/dangers/fond_important.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 260px;
	display: block;
	margin: 0;
	padding: 0;
	height:10px;
}


