/*- main -*/
/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5, h6, blockquote, object, iframe, ins,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, q, p,
kbd, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, td,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, input
{
	font-weight:inherit;font-style:inherit;font-family:Arial, Helvetica, sans-serif;font-size:11px;
	margin:0;padding:0;border:0 none;
	text-decoration:inherit;text-align:inherit;
	vertical-align:baseline;
	list-style-type:none;
}

/*Définitions génériques*/
a, p, li, span{
	font-size:11px;
}
h2{
	font-weight:bold;
	text-transform:uppercase;
}
a{
	color:white;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.error{
	color:red!important;
}
img.center{
	display:block;
		margin:0 auto;
}
span.redButton{
	display:-moz-inline-stack;
	display:inline-block;
	height:18px;
	padding-left:3px;
	background:url(/img/_fr/_fr/redButton.png) no-repeat 0 0;
}
	span.redButton span{
		display:block;
		height:16px;
		padding:2px 10px 0 7px;
		color:white;
		text-transform:uppercase;
		font-weight:bold;
		background:url(/img/_fr/_fr/redButton.png) no-repeat right -18px;
	}
	span.redButton span a{
		color:white;
		text-transform:uppercase;
		font-weight:bold;
	}
	span.redButton span a.arrow{
		background:url(/img/_fr/_fr/redButton.png) no-repeat left -36px;
		padding-left:9px;
	}
span.goldButton{
	display:-moz-inline-stack;
	display:inline-block;
	height:18px;
	padding-left:3px;
	background:url(/img/_fr/_fr/buttons.png) no-repeat 0 -54px;
}
	span.goldButton span{
		display:block;
		height:16px;
		padding:2px 10px 0 7px;
		color:white;
		text-transform:uppercase;
		font-weight:bold;
		background:url(/img/_fr/_fr/buttons.png) no-repeat right -72px;
	}
	span.goldButton span a{
		color:white;
		text-transform:uppercase;
		font-weight:bold;
	}
	span.goldButton span a.arrow{
		background:url(/img/_fr/_fr/buttons.png) no-repeat left -91px;
		padding-left:14px;
	}
span.greyButton{
	display:-moz-inline-stack;
	display:inline-block;
	height:18px;
	padding-left:3px;
	background:url(/img/_fr/_fr/buttons.png) no-repeat 0 -108px;
}
	span.greyButton span{
		display:block;
		height:16px;
		padding:2px 10px 0 5px;
		color:white;
		text-transform:uppercase;
		font-weight:bold;
		background:url(/img/_fr/_fr/buttons.png) no-repeat right -126px;
	}
	span.greyButton span a{
		color:white;
		text-transform:uppercase;
		font-weight:bold;
	}
	span.greyButton span a.arrow{
		background:url(/img/_fr/_fr/buttons.png) no-repeat 2px -144px;
		padding-left:11px;
	}
	span.greyButton span a.plus{
		background:url(/img/_fr/_fr/buttons.png) no-repeat left -91px;
		padding-left:11px;
	}
	

span.blackButton{
	display:-moz-inline-stack;
	display:inline-block;
	height:18px;
	padding-left:3px;
	background:url(/img/_fr/_fr/buttons.png) no-repeat 0 -162px;
}
	span.blackButton span{
		display:block;
		height:16px;
		padding:2px 10px 0 7px;
		color:white;
		text-transform:uppercase;
		font-weight:bold;
		background:url(/img/_fr/_fr/buttons.png) no-repeat right -180px;
	}
	span.blackButton span a{
		color:white;
		text-transform:uppercase;
		font-weight:bold;
	}
	span.blackButton span a.arrow{
		background:url(/img/_fr/_fr/buttons.png) no-repeat left -198px;
		padding-left:9px;
	}
	
	#popin{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		display:none;
	}
		#popin .background{
			position:absolute;
			left:0;
			top:0;
			z-index:2;
			opacity:0.5;
			filter:alpha(opacity=50);
			background:white;
		}
		#popin .poped{
			position:absolute;
			left:50%;
			top:50%;
			z-index:3;
			margin:-60px 0 0 -150px;
			background:#FF66FF;
		}
			#popin .poped a.close{
				position:absolute;
				right:6px;
				top:6px;
				display:block;
				width:50px;
				height:15px;
				color:#484146;
				text-decoration:none;
				background:url(/img/_fr/_fr/closePopin.png) no-repeat right 3px;
			}
			
			
			#popin div.poped{
							position:absolute;
							left:50%;
							top:50%;
							z-index:3;
							width:382px;
							padding-left:6px;
							margin-top:-75px;
							margin-left:-194px;
							font-weight:normal;
							color:#484146;
							background:#efefef url(/img/_fr/_fr/greyPopin.png) no-repeat left -260px;
						}
						#popin div.poped div{
							width:376px;
							height:148px;
							padding:6px 6px 6px 0;
							background:#efefef url(/img/_fr/_fr/greyPopin.png) no-repeat right -420px;
						}
						/*#form div.poped div.popin,
						.widePage div.poped div.popin{
							background:#efefef url(/img/_fr/_fr/greyPopin.png) no-repeat left -260px;
						}
						#form div.poped div.popin div,
						.widePage div.poped div.popin div{
							background:#efefef url(/img/_fr/_fr/greyPopin.png) no-repeat right -420px;
							height:148px;
						}*/
							#popin div.poped div a{
								color:#484146;
								font-size:10px;
								text-decoration:underline;
							}
							#popin div.poped div a.close{
								position:absolute;
								top:6px;
								right:6px;
								display:block;
								width:50px;
								height:15px;
								color:#484146;
								text-decoration:none;
								background:url(/img/_fr/_fr/closePopin.png) no-repeat right 3px;
							}
							#popin div.poped p{
								padding:0 20px;
								font-size:10px;
							}
							#popin div.poped div p{
								padding:0 20px 5px;
								font-size:11px;
							}
								#popin div.poped div p.intro{
									display:block;
									margin-bottom:5px;
									padding-top:15px;
									color:red;
									font-size:11px;
									font-weight:bold;
									text-transform:uppercase;
								}
								#popin div.poped div p.info{
									margin-top:10px;
									padding-top:0;
									padding-bottom:5px;
									padding-left:0;
									font-weight:bold;
								}
						#popin div.poped #refuseText{
								width:368px;
								height:98px;
								margin-bottom:4px;
								padding:2px;
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
							}
			
			
								#popin div.poped span.redButton{
									float:right;
								}
									#popin div.poped span.redButton a{
										color:white;
										font-size:11px;
										text-decoration:none;
									}
										#popin div.poped span.redButton a:hover{
											text-decoration:underline;
										}
			
			
			
/********************/
fieldset input{
	border:1px solid black;
}
fieldset span input{
	border:0 none;
}
/*#form a{
	color:black;
}*/


/********************/
html,body,form{
	width:100%;
	height:auto;
}
	#mainContent{
		position:relative;
		width:988px;
		margin:0 auto;
		overflow:hidden;
		/*background:#CCFFCC;*/
	}
		#mainContent #leftContent{
			float:left;
			width:706px;
			margin-right:10px;
			/*background:#3399CC;*/
		}
			#mainContent #leftContent #content{
				position:relative;
				z-index:1;
			}
				
					p#mentions{
						clear:left;
						padding:0 10px;
						color:#a8a7a7;
						font-size:10px;
						line-height:12px;
						background:white;
					}
					#displayErrorMsg,
					#displayInfoMsg{
						position:absolute;
						left:50%;
						top:388px;
						z-index:1;
						margin:0 0 0 -202px;
						color:red;
						font-weight:bold;
					}
						#displayErrorMsg .background,
						#displayInfoMsg .background{
							position:absolute;
							left:0;
							top:6px;
							z-index:2;
							display:none;
							width:980px;
							height:955px;
							background:white;
							opacity:0.75;
							filter:alpha(opacity=75);
						}
						#displayInfoMsg .background{
							width:680px;
							height:1200px;
						}
						.bodyContent #displayErrorMsg .background{
							width:686px;
							height:1205px;
						}
						#displayErrorMsg a,
						#displayInfoMsg a{
							color:red;
							text-decoration:underline;
						}
						#displayErrorMsg a.close,
						#displayInfoMsg a.close{
							display:none;
						}
						#displayErrorMsg p.intro,
						#displayInfoMsg p.intro{
							display:none;
						}
						#displayErrorMsg p.info{
							margin-top:40px;
						}
						#displayInfoMsg p.info{
							margin-top:15px;
						}
					#displayErrorMsg.poped,
					#displayInfoMsg.poped{
						left:4px;
						top:17px;
						width:980px;
						height:438px;
						margin:0;
						padding:0;
						z-index:4;
					}
					.bodyContent #displayErrorMsg.poped,
					.bodyContent #displayInfoMsg.poped{
						width:686px;
					}
						#displayErrorMsg.poped .background,
						#displayInfoMsg.poped .background{
							display:block;
						}
						div.poped div.popin{
							position:absolute;
							left:50%;
							top:50%;
							z-index:3;
							width:382px;
							padding-left:6px;
							margin-top:-75px;
							margin-left:-194px;
							font-weight:normal;
							color:#484146;
							background:#efefef url(/img/_fr/_fr/greyPopin.png) no-repeat left top;
						}
						div.poped div.popin div{
							width:376px;
							height:118px;
							padding:6px 6px 6px 0;
							background:#efefef url(/img/_fr/_fr/greyPopin.png) no-repeat right -130px;
						}
						#form div.poped div.popin,
						.widePage div.poped div.popin{
							background:#efefef url(/img/_fr/_fr/greyPopin.png) no-repeat left -260px;
						}
						#form div.poped div.popin div,
						.widePage div.poped div.popin div{
							background:#efefef url(/img/_fr/_fr/greyPopin.png) no-repeat right -420px;
							height:148px;
						}
							#displayErrorMsg.poped div a,
							#displayInfoMsg.poped div a{
								color:#484146;
								font-size:10px;
								text-decoration:underline;
							}
							#displayErrorMsg.poped div a.close,
							#displayInfoMsg.poped div a.close{
								position:absolute;
								right:6px;
								top:6px;
								display:block;
								width:50px;
								height:15px;
								color:#484146;
								text-decoration:none;
								background:url(/img/_fr/_fr/closePopin.png) no-repeat right 3px;
							}
							#displayErrorMsg.poped div p,
							#displayInfoMsg.poped div p{
								padding:0 20px;
								font-size:10px;
							}
							#displayInfoMsg.poped div p{
								padding:0 20px 5px;
								font-size:11px;
							}
								#displayErrorMsg.poped div p.intro,
								#displayInfoMsg.poped div p.intro{
									display:block;
									margin-bottom:5px;
									padding-top:15px;
									color:red;
									font-size:11px;
									font-weight:bold;
									text-transform:uppercase;
								}
								#displayInfoMsg.poped div p.info{
									margin-top:5px;
									padding-top:0;
									padding-bottom:5px;
									font-size:14px;
									font-weight:bold;
								}
			/* Dispatchpage */
			body div.dispatchPage #leftContent{
				margin-top:4px;
				background:#4e454b url(/img/_fr/_fr/bigRound.png) no-repeat left -4px;
			}		
			#mainContent #leftContent .dispatchContent{
				width:700px;
				height:411px;
				margin:3px;
				padding:0;
				background:url(/img/_fr/_fr/bg_login.jpg) no-repeat left top;
			}
				#mainContent #leftContent .dispatchContent h2,
				#mainContent #leftContent .dispatchContent p{
					width:320px;
					color:black;
					font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;/*experimental*/
				}
				
				#mainContent #leftContent .dispatchContent h2{
					padding:227px 0 15px 30px;
					text-transform:none;
					font-size:25px;
					font-weight:normal;
					line-height:27px;
				}
				#mainContent #leftContent .dispatchContent p{
					padding:0 0 15px 30px;
					overflow:hidden;
					font-size:12px;
				}
					#mainContent #leftContent .dispatchContent p span{
						display:block;
						font-size:13px;
						font-weight:bold;
					}
					
			.dispatchPage #rightContent{
				height:417px;
			}
				.dispatchPage #rightContent ul.country{
					margin-top:220px;
					margin-left:13px;
					overflow:hidden;
				}
					.dispatchPage #rightContent ul.country li{
						float:left;
						width:214px;
						height:26px;
						padding:14px 0 0 41px;
						border-bottom:1px solid #e2e2e2;
					}
					.dispatchPage #rightContent ul.country li a{
						padding-left:10px;
						color:#484146;
						font-size:12px;
						font-weight:bold;
						text-transform:uppercase;
						text-decoration:none;
						background:url(/img/_fr/_fr/arrowDispatch.png) no-repeat left 3px;
					}
					
			
			
						
				
												
					/* Learnpage */
				#content{
					width:698px;
					padding:0 4px 4px;
					background:#484246 url(/img/_fr/_fr/round.png) no-repeat 0 bottom;
				}
					.headContent{
						border-top:2px solid white;
						height:49px;
					}
						.headContent h1{
							float:left;
							display:inline;
							height:34px;
							margin:10px 15px 0 20px;
							color:white;
							font-size:24px;
							font-weight:lighter;
						}
							.headContent h1 span{
								font-weight:bold;
								font-size:24px;
								text-transform:uppercase;
							}
							
						.headContent p.sidetitle{
							margin-top:21px;
							color:#b4abb0;
							font-size:10px;
							letter-spacing:0.05em;
							line-height:12px;
						}
					#mainContent ul.nav{
						height:24px;
						background:url(/img/_fr/_fr/degradeTopBottom.png) no-repeat right 18px;
					}
						#mainContent ul.nav li{
							float:left;
							height:23px;
							padding-top:1px;
							background:url(/img/_fr/_fr/degradeTop.png) repeat-x 0 bottom;
						}
							#mainContent ul.nav li a{
								margin:0 0 0 15px;
								padding:0 15px 0 0;
								font-size:12px;
								font-weight:bold;
							}
								#mainContent ul.nav li a:hover{
									text-decoration:none;
								}
							#mainContent ul.nav li.rounded{
								background:url(/img/_fr/_fr/roundDegrade.png) no-repeat -6px top;
							}
							#mainContent ul.nav li#first{
								background:url(/img/_fr/_fr/roundDegrade.png) no-repeat left top;
							}
							#mainContent ul.nav li#first a{
								padding-left:10px;
							}
							#mainContent ul.nav li#first.active{
								background:white url(/img/_fr/_fr/sideDegrade.png) repeat-y left top;
							}
								#mainContent ul.nav li#first.active a{
									background:none;
								}
							
							#mainContent ul.nav li#dummy{
								width:9px;
							}
							#mainContent ul.nav li.active{
								background:white url(/img/_fr/_fr/roundDegrade.png) no-repeat -11px -24px;
							}
							#mainContent ul.nav li.active a{
								background:white url(/img/_fr/_fr/roundDegrade.png) no-repeat right -48px;
							}
								#mainContent ul.nav li.active a{
									padding-bottom:7px;
									color:#413b3f;
								}
								
					#mainContent #leftContent .bodyContent{
						width:698px;
						overflow:hidden;
						background:white url(/img/_fr/_fr/sideDegrade.png) repeat-y left top;
					}
				
					#heart{
						position:relative;
						width:686px;
						min-height:359px;
						padding:23px 6px 0;
						overflow:hidden;
						background: url(/img/_fr/_fr/bottomDegrade.png) no-repeat left bottom;
					}
					.helpContent #heart,
					.contactContent #heart{
						min-height:383px;
					}
					#content .grey{
						background: url(/img/_fr/_fr/bottomDegradeGrey.png) no-repeat left bottom;
						min-height:311px;
						padding:23px 6px 48px;
					}
						.bodyContent a{
							color:#191718;
						}
						.bodyContent .left,
						.bodyContent .right{
							float:left;
							overflow:hidden;
						}
							.globalContent .bodyContent div.left{
								width:338px;
								padding-left:20px;
							}
							.globalContent .bodyContent div.right{
								width:328px;
							}
							.globalContent .bodyContent dl{
								width:312px;
								overflow:hidden;
							}
							.globalContent .bodyContent dl dt{
								padding-bottom:10px;
								font-size:18px;
								font-weight:bold;
							}
								.globalContent .bodyContent dl dd.imgProfile{
									width:137px;
									height:137px;
									padding-right:13px;
									padding-bottom:23px;
								}
							.globalContent .bodyContent dl.myProfile dd.email{
								height:30px;
							}
							.globalContent .bodyContent dl.myProfile dd.email span.emailValue{
								color:black;
								font-weight:normal;
							}
							.globalContent .bodyContent dl.myProfile dd.editProfile{
								margin-top:50px;
								padding-left:10px;
								background:url(/img/_fr/_fr/puces.gif) no-repeat 0 -34px;
							}
							
						.globalContent .bodyContent h2{
							font-size:11px;
							font-weight:bold;
							padding-left:8px;
							margin-bottom:3px;
							color:#484246;
							text-transform:none;
							background:url(/img/_fr/_fr/puces.gif) no-repeat 0 7px;
						}
							.globalContent .bodyContent div.right h2{
								margin-left:5px;
							}
							.globalContent .bodyContent div.right p,
							.globalContent .bodyContent div.right ul{
								margin-left:13px;
								margin-bottom:7px;
							}
						.globalContent .bodyContent .userInfos{
							width:338px;
							margin-bottom:10px;
							overflow:hidden;
						}
						.globalContent .bodyContent .userInfos img.profilePicture{
							float:left;
							width:137px;
						}
							.globalContent .userInfos dl.points,
							.globalContent .userInfos dl.roses{
								float:left;
								width:155px;
								height:44px;
								padding:10px;
								margin-bottom:3px;
								background:#f6f5f6;
							}
								.globalContent .userInfos dl dt{
									font-size:11px;
									padding:0 0 0 10px;
									color:#484146;
									background:url(/img/_fr/_fr/puces.gif) no-repeat 0 7px;
								}
								.globalContent .userInfos dl dd.points{
									height:35px;
									padding:0 0 0 10px;
									font-size:14px;
									font-weight:bold;
									text-transform:uppercase;
								}
									.globalContent .userInfos dl dd.points span{
										font-size:35px;
									}
									
								.globalContent .userInfos dl.points dd.points,
								.globalContent .userInfos dl.points dd.points span{
									color:#ccac6d;
								}
								.globalContent .userInfos dl.roses dd.points,
								.globalContent .userInfos dl.roses dd.points span{
									color:#455660;
								}

							.globalContent .userProfile{
								margin-bottom:20px;
							}
								.globalContent .userProfile dd.email{
									margin-bottom:10px;
								}
									.globalContent .userProfile dd span{
										color:#1a1a1a;
									}
									
						.bodyContent span{
							font-size:11px;
							font-weight:bold;
							color:#484246;
						}
						.globalContent .bodyContent #flashProgression{
							width:290px;
							height:205px;
							margin-bottom:32px;
							background:url(/img/_fr/_fr/progression.png) no-repeat 0 0;
						}
						.globalContent #heart div.intro,
						.globalContent #heart div.subAxis{
								float:left;
								display:inline;
								width:317px;
								height:80px;
								margin:10px 0 0 12px;
								padding:1px 4px 14px;
						}
						.globalContent #heart div.intro{
							height:auto;
						}
						
							.globalContent #heart div.intro p{
								width:290px;
								color:#4a4048;
								font-weight:bold;
							}
								.globalContent #heart div.intro img{
									display:block;
									margin:0 auto;
								}
						
								
						.globalContent #heart div.subAxis{
							position:relative;
							background:url(/img/_fr/_fr/rubriques.png) no-repeat 0 -174px;
						}
							.globalContent #heart div.subAxis h3{
								padding:11px 0 0 19px;
								color:#4a4048;
								font-size:12px;
								font-weight:bold;
								text-transform:uppercase;
							}
							.globalContent #heart div.subAxis p{
								padding:0 19px;	
							}
							.globalContent #heart div.subAxis div.banner{
								position:absolute;
								left:4px;
								bottom:14px;
								display:block;
								width:317px;
								height:45px;
								overflow:hidden;
								background:#d5d3d6;
								z-index:2;
							}
								.banner a{
									position:relative;
									float:left;
									display:inline;
									height:34px;
									margin:2px 0 0 20px;
									padding-top:6px;
									padding-left:40px;
									text-decoration:none;
									background-image:url(/img/_fr/_fr/pictos.png);
									background-repeat:no-repeat;
									
								}
									.banner a:hover{
										text-decoration:underline;
									}
									.banner a.download{
										background-position:left -62px;	
									}
									.banner a.see{
										background-position:left -102px;	
									}
									.banner a.podcast{
										background-position:left -142px;	
									}
									.banner a.print{
										background-position:left -182px;	
									}
									
									.banner a span{
										display:block;
										text-transform:uppercase;
									}
						
						
						.learnPage .video{
							position:absolute;
							left:4px;
							top:2px;
							z-index:1;
							width:698px;
						}
							.learnPage .video .background{
								position:absolute;
								left:0;
								top:0;
								z-index:2;
								width:698px;
								height:1000px;
								background:black;
								opacity:0.5;
								filter:alpha(opacity=50);
							}
							.learnPage .video .player{
								position:relative;
								z-index:3;
								width:461px;
								margin:0 auto;
								padding-top:100px
							}
								.learnPage .video .player .close{
									position:absolute;
									right:0;
									top:96px;
									z-index:4;
									padding:0 5px;
									background:black;
								}
							
						.learnPage #heart.secureArea{
							width:698px;
							padding:0;
						}
							.learnPage iframe#game{
								width:760px;
								height:420px;								
							}
						
						
							/*modules*/
						#heart div.rubrique{
							width:663px;
							margin-left:10px;
							overflow:hidden;
							background:url(/img/_fr/_fr/rubriques.png) no-repeat 0 -418px;
						}
							#heart div.rubrique div{
								width:613px;
								padding:20px 25px 20px;
								overflow:hidden;
								background:url(/img/_fr/_fr/rubriques.png) no-repeat -663px bottom;
							}
								#heart div.rubrique div h2{
									margin:0;
									padding:0 0 11px 0;
									color:#413b3f;
									font-size:19px;
									background:none;
								}
									#heart div.rubrique div p.intro{
										font-weight:bold;
										padding-bottom:8px;
									}
								#heart div.rubrique div p{
									padding-bottom:3px;
								}
								#heart div.rubrique div ul{
									float:left;
									width:170px;
									margin-left:50px;
									padding-top:5px;
									padding-bottom:3px;
								}
									#heart div.rubrique div ul.first{
										margin-left:0;
									}
									#heart div.rubrique div ul li{
										width:176px;							
									}
										#heart div.rubrique div ul li a{
											text-decoration:none;
										}
										#heart div.rubrique div ul li.active a{
											font-weight:bold;
										}
								
								
							/*dossier*/
						.dossierContent #heart h2{
							margin:0 0 0 25px;
							padding:0;
							color:#413b3f;
							font-size:18px;
						}
						.dossierContent #heart p.entete{
							margin:0 0 0 25px;
							color:#413b3f;
							font-size:17px;
						}
						.dossierContent #heart div.left{
							width:304px;
							padding:20px 14px 0;
						}
						.dossierContent #heart div.left p{
							padding-bottom:10px;
						}
						.dossierContent #heart div#viewer{
							width:340px;
							height:302px;
							background:#484146 url(/img/_fr/_fr/bigRound.png) no-repeat left -4px;
						}
						.dossierContent #heart div#viewer div.picture{
							width:336px;
							height:225px;
							margin-left:4px;
							padding-bottom:4px;
							background:url(/img/_fr/_fr/bigRound.png) no-repeat right -4px;
						}
							.dossierContent #heart div#viewer div.picture div{
								position:relative;
								height:225px;
								margin:4px 4px 4px 0;
								overflow:hidden;
							}
						.dossierContent #heart div#viewer div.picture ul{
							position:absolute;
							left:0;
							top:4px;
							width:1500px;
						}
							.dossierContent #heart div#viewer div.picture ul li{
								float:left;
								display:block;
								width:332px;
								height:221px;
							}
							
						.dossierContent #heart div#viewer div.thumbnails{
							position:relative;
							width:336px;
							height:71px;
							padding:0 0 0 4px;
							border-top:2px solid white;
							background:#484146 url(/img/_fr/_fr/bigRound.png) no-repeat left bottom;
						}
						.dossierContent #heart div#viewer div.thumbnails #movers{
							position:absolute;
							top:26px;
							z-index:1;
							display:block;
							width:18px;
							height:18px;
							color:white;
							text-decoration:none;
							background-image:url(/img/_fr/_fr/arrowsViewer.png);
							background-repeat:no-repeat;
						}
							.dossierContent #heart div#viewer div.thumbnails a.left{
								left:4px;
								background-position:left top;
							}
							.dossierContent #heart div#viewer div.thumbnails a.right{
								right:4px;
								background-position:left bottom;
							}
						.dossierContent #heart div#viewer div.thumbnails div{
							position:relative;
							width:336px;
							height:71px;
							background:#484146 url(/img/_fr/_fr/bigRound.png) no-repeat right bottom;
						}
						.dossierContent #heart div#viewer div.thumbnails .selector{
							position:relative;
							width:287px;
							height:67px;
							overflow:hidden;
							margin-left:21px;
							background:none;
						}
						.dossierContent #heart div#viewer div.thumbnails ul{
							position:absolute;
							left:0;
							top:4px;
							width:1500px;
						}
							.dossierContent #heart div#viewer div.thumbnails ul li{
								float:left;
								display:block;
								width:97px;
								height:63px;
							}
							
							
							
						#heart div.banner{
							position:absolute;
							left:3px;
							bottom:3px;
							width:692px;
							height:45px;
							background:#D5D3D6;
							z-index:2;
							overflow:hidden;
						}
						.moduleContent #heart div.banner{
							position:absolute;
							left:0;
							bottom:0;
							width:692px;
							height:45px;
							padding:0 3px 3px;
							background:#D5D3D6 url(/img/_fr/_fr/bottomDegradeGrey.png) no-repeat 0 0;
						}
							
						
						#heart .sommaire{
							margin-top:15px;
						}
							#heart .sommaire ul{
								margin:50px 0 10px 402px;
								overflow:hidden;
							}
								#heart .sommaire li{
									width:218px;
									padding:0 3px 10px 27px;
									overflow:hidden;
									font-weight:bold;
								}
									#heart .sommaire li span{
										float:left;
										display:block;
										width:10px;
									}
									#heart .sommaire li a{
										float:left;
										display:block;
										width:178px;
										padding-bottom:3px;
										text-transform:uppercase;
									}
									#heart .sommaire li p{
										float:left;
										padding-left:10px;
										font-weight:normal;
									}
						
						
						
								
						
					
					
					
										
		#rightContent{
			float:left;
			width:272px;
			height:478px;
			margin-top:4px;
			/*background:#CC0033;*/
		}
			#mainContent #rightContent h2{
				height:15px;
				margin:0 0 4px 10px;
				padding-top:2px;
				overflow:hidden;
				color:white;
				font-size:12px;
				background:url(/img/_fr/_fr/round.png) no-repeat right -21px;
			}
			#mainContent #rightContent .espacePerso{
				height:328px;
				margin-bottom:2px;
				background:#484246;
			}
				#mainContent #rightContent .espacePerso h2{
					height:15px;
					margin:0 0 4px 10px;
					padding-top:2px;
					color:white;
					font-size:12px;
					background:url(/img/_fr/_fr/round.png) no-repeat right -21px;
				}
				#mainContent #rightContent .espacePerso a{
					color:#413b3f;
				}
				#mainContent #rightContent .espacePerso .gestionCompte{
					width:252px;
					margin:0 10px 6px;
					overflow:hidden;
				}
					#mainContent #rightContent .espacePerso .gestionCompte li{
						float:left;
						width:50%;
					}
						#mainContent #rightContent .espacePerso .gestionCompte li a{
							display:block;
							height:14px;
							padding-left:10px;
							color:white;
							background:url(/img/_fr/_fr/puces.gif) no-repeat 0 7px;
						}
						
				#mainContent #rightContent .espacePerso .profile{
					width:246px;
					height:142px;
					margin:0 4px 2px;
					padding:15px 9px 0;
					overflow:hidden;
					background:white url(/img/_fr/_fr/profile.png) no-repeat 0 0;
				}
					#mainContent #rightContent .espacePerso .profile p{
						margin:10px 0 10px 4px;
					}
						#mainContent #rightContent .espacePerso .profile p a{
							font-weight:bold;
							color:black;
						}
					#mainContent #rightContent .espacePerso .profile .links{
						width:100%;
						overflow:hidden;
						margin-left:4px;
					}
						#mainContent #rightContent .espacePerso .profile .links li{
							float:left;
							width:120px;
							height:17px;
							font-size:9px;
						}
							#mainContent #rightContent .espacePerso .profile .links li a{
								font-size:10px;
								text-decoration:underline;
							}
					
					#rightContent .espacePerso .profile dl.myProfile{
						width:100%;
						height:64px;
						margin-bottom:9px;
						padding:0;
						overflow:hidden;
						color:black;
						font-size:11px;
						background:none;
					}
						#rightContent .espacePerso .profile dl.myProfile dt,
						#rightContent .espacePerso .profile dl.myProfile dd{
							float:left;
							display:inline;
							width:124px;
							margin-left:6px;
							font-size:11px;
							text-transform:none;
						}
						#rightContent .espacePerso .profile dl.myProfile dt{
							margin:0 0 3px 6px;
							font-size:16px;
							font-weight:bold;
						}
						#rightContent .espacePerso .profile dl.myProfile dd.level{
							display:none;
						}
						#rightContent .espacePerso .profile dl.myProfile dd a,
						#rightContent .espacePerso .profile dl.myProfile dd span{
							font-weight:bold;
						}
						#rightContent .espacePerso .profile dl.myProfile dd.imgProfile{
							float:left;
							width:75px;
							margin:0;
						}
							#rightContent .espacePerso .profile dl.myProfile dd.imgProfile img{
								display:block;
							}
					#rightContent .espacePerso dl{
						position:relative;
						width:246px;
						height:39px;
						margin:0 4px 2px;
						padding:15px 9px 0;
						overflow:hidden;
						background-color:white;
						background-image:url(/img/_fr/_fr/profile.png);
						background-repeat:no-repeat;
						overflow:hidden;
					}
						#rightContent .espacePerso dl dt{
							font-size:12px;
							text-transform:uppercase;
						}
						#rightContent .espacePerso dl dd{
							font-size:9px;
						}
						
						#rightContent .espacePerso dl dd a{
							text-decoration:underline;
						}
						#rightContent .espacePerso dl dd.points{
							position:absolute;
							right:9px;
							top:5px;
							font-size:14px;
							font-weight:bold;
							text-align:right;
							text-transform:uppercase;
						}
							#rightContent .espacePerso dl dd.points span{
								font-size:40px;
							}
								#rightContent .espacePerso dl.level dd.points{
									color:#ccac6d;
								}
								#rightContent .espacePerso dl.shop dd.points{
									color:#455660;
									padding-right:30px;
									background:url(/img/_fr/_fr/points.png) no-repeat right 10px;
								}
							
				#mainContent #rightContent a.imgPush{
					display:block;
					width:272px;
					height:148px;
					overflow:hidden;
				}
			

/*- header -*/

#header{
		width:988px;
		height:53px;
		margin:0 auto 13px;
		padding-top:30px;
		overflow:hidden;
	}
		#header h1,
		#header p.logo a{
			position:relative;
			float:left;
			width:149px;
			height:53px;
			overflow:hidden;
			background:url(/img/_fr/_fr/sprite.png) no-repeat 0 0;
		}
			#header h1 span,
			#header p.logo span{
				position:absolute;
				left:-9999em;
			}
			
		#header ul{
			float:right;
			height:20px;
			margin-top:33px;
			overflow:hidden;
		}
			#header ul li{
				float:left;
				display:block;
				height:20px;
				margin:0;
				padding:0;
				text-align:center;
			}
				#header ul li a{
					color:#797979;
				}
				#header ul li.contact{
					width:56px;
					margin-top:1px;
					padding-top:2px;
				}
				#header ul li.help{
					width:58px;
					margin-top:1px;
					padding-top:2px;
				}
				#header ul li.help a{	
					display:block;				
					border-right:1px solid #797979;
				}
				#header fieldset {
					width:185px;
				}
				#header ul li input{
					float:left;
					width:153px;
					height:16px;
					margin-top:1px;
					margin-right:2px;
					padding-left:5px;
					font-size:11px;
					overflow:hidden;
					color:#797979;
					text-align:left;
					border:1px solid #797979;
				}
				#header ul li #submitSearch{
					float:left;
					margin-top:1px;
				}


/*- nav -*/

#nav{
	position:relative;
	z-index:2;
	width:702px;
	height:21px;
	padding-left:4px;
	background:#484246 url(/img/_fr/_fr/bigRound.png) no-repeat left top;
}
	#nav li{
		position:relative;
		float:left;
		display:inline;
		height:17px;
		padding:0 27px;
		overflow:hidden;
	}
	#nav li a{
		color:#a2999e;
	}
	#nav li:hover,
	#nav li.hover{
		overflow:visible;
	}
	#nav li:hover a.items,
	#nav li.hover a.items,
	#nav li:hover a.item,
	#nav li.hover a.item,
	#nav li a.active{
		color:white;
		text-decoration:none;
	}
	#nav li:hover a.items{
		padding-bottom:2px;
	}
	
	#nav li div.heading{
		position:relative;
		width:auto;
		overflow:hidden;
	}
	#nav li#adminGift div.heading{
		width:168px;
	} 
		#nav li span{
			display:block;
			float:left;
			width:4px;
			height:21px;
		}
		#nav li a{
			float:left;
			width:auto;
		}
			#nav li a.items{
				padding:2px 6px 0;
			}
		#nav li:hover a.items{
			padding-bottom:2px;
		}
		#nav li.hover a.items,
		#nav li:hover a.items{
			margin:0;
			padding-top:6px;
			background:#595357;
		}
		#nav li:hover span{
			padding-bottom:2px;
		}
			#nav li.hover span.left,
			#nav li:hover span.left{
				background:#595357 url(/img/_fr/_fr/navHover.png) no-repeat left top;	
			}
			#nav li.hover span.right,
			#nav li:hover span.right{
				background:#595357 url(/img/_fr/_fr/navHover.png) no-repeat right top;	
			}
	#nav ul.navMenu{
		clear:left;
	}
		#nav li a{
			display:block;
			height:15px;
			margin-top:4px;
			padding-top:2px;
			font-weight:bold;
			text-align:center;
			text-transform:uppercase;
			background:#484246;
		}
			#nav li a.items:hover{
				margin:0;
				padding-top:6px;
				text-decoration:none;
			}
		#nav li ul.navMenu{
			position:absolute;
			padding:5px 0;
			overflow:hidden;
			background:#595357;
		}
		#nav li#learn ul.navMenu{
			width:564px;
		}
		#nav li#understand ul.navMenu{
			left:-100px;
			width:541px;
		}
			#nav li ul.navMenu li{
				width:auto;
				height:46px;
				margin:0;
				padding:0;
				overflow:visible;
				background:none;
			}
				#nav li ul.navMenu li a{
					float:left;
					display:inline;
					height:22px;
					margin:12px 5px 0 8px;
					padding-bottom:9px;
					color:white;
					font-size:10px;
					font-weight:normal;
					text-transform:none;
					text-align:left;
					border-bottom:1px solid #797377;
					background:none;
				}
				#nav li#learn ul.navMenu li a{
					line-height:12px;
				}
				#nav li#understand ul.navMenu li a{
					line-height:12px;
				}
					#nav li#learn ul.navMenu li a{
						width:78px;
						font-size:12px;
						font-weight:bold;
						text-transform:uppercase;
					}
					#nav li#understand ul.navMenu li a{
						width:104px;
						font-size:12px;
						font-weight:bold;
						text-transform:uppercase;
					}

					#nav li ul.navMenu li.last a{
						border-bottom:0 none;
					}
					#nav li ul.navMenu li a:hover{
						background:none;
						text-decoration:underline;
					}
					#nav li ul.navMenu li a span:hover{
						text-decoration:none;	
					}
					#nav li ul.navMenu li a span{
						display:block;
						height:11px;
						font-size:11px;
						font-weight:bold;
						text-transform:uppercase;
					}
				#nav li ul.navMenu li ul{
					float:left;
					overflow:hidden;
					background:#f7f5f6;
				}
					#nav li#learn ul.navMenu li ul{
						width:468px;
					}
					#nav li#understand ul.navMenu li ul{
						width:419px;
					}
					#nav li ul.navMenu li ul.white{
						background:white;										
					}
				
					#nav li ul.navMenu li ul li{
						float:left;
						width:auto;
					}
					#leftContent #nav li ul.navMenu li ul li a{
							height:24px;
							margin:12px 0 0 3px;
							padding:6px 3px 3px 0;
							color:#474145;
							line-height:9px;
							font-size:10px;
							font-weight:normal;
							text-transform:none;
							text-align:center;
							border-bottom:0 none;
							border-right:1px solid #d9d9d9;
						}
							#leftContent #nav li ul.navMenu li ul li a.oneLine{
								padding-top:10px;
							}
							#leftContent #nav li#learn ul.navMenu li ul li a{
								width:109px;
							}
							#leftContent #nav li#understand ul.navMenu li ul li a{
								width:77px;
							}

					#leftContent #nav li ul.navMenu li ul li a:hover{
							padding-top:6px;
						}
					#leftContent #nav li ul.navMenu li ul li a.oneLine:hover{
							padding-top:10px;
						}
							#leftContent #nav li ul.navMenu li ul li.last a{
								border-right:0 none;
							}
						#leftContent #nav li ul.navMenu li ul li a span{
							font-weight:bold;
						}


/*- footer -*/

ul#footer{
	width:976px;
	height:14px;
	margin:3px auto 36px;
	padding:2px 0 0 12px;
	overflow:hidden;
	background:url(/img/_fr/_fr/sprite.png) no-repeat 2px -53px;
}
	ul#footer li{
		float:left;
		display:block;
		padding-left:10px;
		color:#8f898b;
		font-size:10px;
	}
		ul#footer li a{
			display:block;
			color:#8f898b;
			font-size:10px;
		}
			ul#footer li a:hover{
				text-decoration:none;
			}

#footer #rose{
	clear:both;
	display:block;
	width:34px;
	height:38px;
	margin-left:477px;
	overflow:hidden;
	background:url(/img/_fr/_fr/sprite.png) no-repeat 0 -53px;
}



/* Loginpage */
body div.loginPage #leftContent{
	margin-top:4px;
	background:#4e454b url(/img/_fr/_fr/bigRound.png) no-repeat left -4px;
}		
#mainContent #leftContent .loginContent{
	width:700px;
	height:411px;
	margin:3px;
	padding:0;
	background:url(/img/egeries/jr/prehome/10.12.31.jr.hpc.bg_prehome.jpg) no-repeat left top;
}
	#mainContent #leftContent .loginContent h2,
	#mainContent #leftContent .loginContent p{
		width:430px;
		color:black;
		font-weight:bold;
	}
	
	#mainContent #leftContent .loginContent h2{
		padding:102px 0 10px 20px;					
		font-family: arial, sans serif;
		text-transform:none;
		font-size:23px;
		
		line-height:27px;
	}
	#mainContent #leftContent .loginContent p{
		padding:0 0 15px 20px;
		overflow:hidden;
		font-size:12px;
	}
		#mainContent #leftContent .loginContent p.flashDetection{
			padding-top:185px;
		}
			#mainContent #leftContent .loginContent p.flashDetection a{
				font-size:12px;
				text-decoration:underline;
				font-weight:normal;
			}
		#mainContent #leftContent .loginContent p span.redButton{
			float:left;
			margin-right:28px;
			font-weight:normal;
			letter-spacing:1px;
		}
		
		#mainContent #leftContent .loginContent #lcmproDemo
		{
		clear:both;
		color:black;
		padding:8px 0;
		text-decoration:underline;
		font-weight:normal;
		font-size:11px;
		}
		
	body div.loginPage #rightContent{
		height:417px!important;
	}
	body div.loginPage #flashContent{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		width:700px;
		height:411px;
	}
	body div.loginPage a.white{
		display:block;
		padding-top:3px;
	}
		body div.loginPage a#lcmproDemo{
			float:left;
		}
	#mainContent #rightContent .login{
		width:268px;
		height:175px;
		margin-bottom:2px;
		padding-left:4px;
		background:#484246;
	}
		#mainContent #rightContent .login h2{
			height:12px;
			margin:0 0 7px 6px;
			padding-top:5px;
		}
		#mainContent #rightContent .login fieldset,
		#mainContent #rightContent .login div{
			width:246px;
			height:136px;
			padding:5px 9px;
			background:white;
		}
			#mainContent #rightContent .login fieldset p,
			#mainContent #rightContent .login div p{
				width:100%;
				margin-bottom:5px;
				overflow:hidden;
				color:#484146;
			}
			#mainContent #rightContent .login fieldset p.error{
				height:12px;
			}
			#mainContent #rightContent .login fieldset p.info{
				margin-bottom:8px;
				line-height:13px;
				color:#767676;
			}
				#mainContent #rightContent .login fieldset p.info span{
					font-weight:bold;
				}
			#mainContent #rightContent .login div p.error{
				padding-top:30px;
			}
			
			#mainContent #rightContent .login fieldset p.lostPassword{
				padding-top:25px;
			}
		
		#mainContent #rightContent .login fieldset input{
			float:left;
			width:152px;
			height:15px;
			margin:0 7px 0 0;
			padding:2px 7px;
			color:#484146;
			border-color:#797979;
			background:white;
		}
			#mainContent #rightContent .login fieldset a{
				color:#a7a4a6;
				text-decoration:underline;
			}
			#mainContent #rightContent .login fieldset input.submit{
				width:23px;
				height:18px;
				border:0 none;
			}#mainContent #rightContent #discover{
				width:264px;
				height:238px;
				padding:2px 4px 0 4px;
				overflow-y:auto;
				overflow-x:hidden;
				background:#484246 url(/img/_fr/_fr/bigRound.png) no-repeat -716px -150px;
			}
			#mainContent #rightContent .accordion{
				position:relative;
				overflow:hidden;
			}
				#mainContent #rightContent .accordion ul{
					position:relative;
					overflow:hidden;
					height:235px;
				}
					#mainContent #rightContent .accordion ul li{
						position:absolute;
						left:0;
					}
						#mainContent #rightContent ul li div{
							width:226px;
							height:44px;
							padding:8px 0 0 38px;
							background-color:#edeced;
							background-image:url(/img/_fr/_fr/123.png);
							background-repeat:no-repeat;
						}
						
							#rightContent #discover ul li#learn div{
								background-position:-38px 7px;
							}
								#rightContent #discover ul li#learn div.active{
									background-position:0 7px;
								}
							#rightContent #discover ul li#understand div{
								background-position:-38px -37px;
							}
								#rightContent #discover ul li#understand div.active{
									background-position:0 -37px;
								}
							#rightContent #discover ul li#share div{
								background-position:-38px -82px;
							}
								#rightContent #discover ul li#share div.active{
									background-position:0 -82px;
								}
							
							
						#mainContent #rightContent .accordion ul li#learn{
							top:0;
							z-index:1;
						}
						#mainContent #rightContent .accordion ul li#understand{
							top:128px;
							z-index:2;
						}
						#mainContent #rightContent .accordion ul li#share{
							top:181px;
							z-index:3;
						}
							#mainContent #rightContent .accordion ul li p{
								display:block;
							}
							
				#rightContent #discover ul{
					width:264px;
					background:#594c50;
				}
					#rightContent #discover ul li{
						float:left;
						width:264px;
						height:118px;
						padding:0 0 9px;
						overflow:hidden;
						border-top:2px solid #484246;
						background-color:white;
						
					}	
						#rightContent #discover ul li a{
							display:block;
							width:206px;
							height:35px;
							padding:3px 0 0 10px;
							font-size:13px;
							color:#bdbdbd;
							background-color:#edeced;
							background-image:url(/img/_fr/_fr/arrowsLogin.png);
							background-repeat:no-repeat;
							background-position:right -33px;
						}
							#rightContent #discover ul div.active a{
								color:#484146;
								background-position:right 4px;
							}
						
						#rightContent #discover ul li#understand a,
						#rightContent #discover ul li#learn a,
						#rightContent #discover ul li#share a{
							padding-top:11px;
							height:27px;
						}
						#rightContent #discover ul li a:hover{
							text-decoration:none;
						}
						#rightContent #discover ul li p{
							width:207px;
							padding:13px 0 0 44px;
							color:#484146;
							background:white;
						}

/* Unsubscribe */
#mainContent .login #email{
	border:1px solid #797979;
}
#mainContent .login .confirmation{
	margin-top:20px;
}
#mainContent .login .introLabel{
	margin-bottom:10px;
	display:block;
	color:#484146;
}