/******* Default rules tags *******/
*{margin:0; padding:0; outline:none;}
body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#000; background-color:#FFF; }
img, fieldset{border:0}
h1 {font-size:1.4em;}
h2 {font-size:1.8em; }
h3 {font-size:1.1em;}
h4 {font-size:1.4em;}
h5 {font-size:1em;}
ol, ul{list-style-type:none;}
dt{font-weight:bold;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:underline;}
label{}
input, select, textarea{font-size:1.0em; border:1px solid #CCC; font-family:Arial, Helvetica, sans-serif; color:#444444}
input { padding:1px 0}
select { padding:0; margin:0; line-height:normal;}
table{border-collapse:separate; border-spacing:0;}
th, td{ text-align:left}
/*0. ///////Structure all templates///////*/
#container {font-size:1.1em; width:1057px; margin:0 auto; overflow:hidden;}
	/*******Header*******/
	#header {width:1026px; height:100px; background:#FFF url(../images/bgd_header.gif) 0 0 repeat-y; overflow:hidden; padding:36px 8px 9px 23px}
		#header h1 {padding:0; margin:0}	
			#innerHeader{float:right; padding:18px 0 0 0; }
			#innerHeader .logoLoreal { float:right;}
			#innerHeader ul{ float:right; padding:0 0 0 35px}
			#innerHeader li{ display:inline;}
			#innerHeader a{}
			#innerHeader a:hover{}

	/*******main*******/
	#main {width:931px; height:725px; background:#FFF url(../images/bgd_main.jpg) 0 0 no-repeat; overflow:hidden; padding:15px 61px 15px 65px; clear:left}
		/********Context*******/			
		#context {}
		/********Content*******/
		#content {}
		/********Oveview class*******/
		.blockType01 {width:908px; height:226px; padding:14px 0 0 23px; overflow:hidden}
			.blockType01SubLeft {width:616px;  float:left; padding:0 15px 0 0; overflow:hidden;}
			.blockType01SubRight {width:264px; float:left; padding:0 0 0 13px; overflow:hidden;}
				.blockType01 h2{color:#ee811c; padding:0 0 10px 0}		
				.blockType01 ul{width:580px; overflow:hidden; padding:0 0 0 10px}
				.blockType01 li{width:580px; display:block; clear:left; padding:0 0 5px 0; overflow:hidden;}
				.blockType01 li.last { padding:0;}		
				.blockType01 span {overflow:hidden; padding:4px 0 4px 55px;  float:left; font-size:17px; font-weight:bold}
				.blockType01 span.icoList01{background:#FFF url(../images/ico_list_number_01.gif) 0 50% no-repeat;}
				.blockType01 span.icoList02{background:#FFF url(../images/ico_list_number_02.gif) 0 50% no-repeat;}
				.blockType01 span.icoList03{background:#FFF url(../images/ico_list_number_03.gif) 0 50% no-repeat;}
				.blockType01 span.numberList {display:none;}
		
				.blockType01SubRight  h3{font-size:1.8em; color:#000; padding:0 0 1px 0; line-height:23px;}
				.blockVideo01 {width:251px; height:141px; padding:7px 0 0  0; overflow:hidden;}
				
		.blockType02 {width:931px; height:248px; padding:0; margin:0 0 15px 0; overflow:hidden}
		.blockType02 .blockType02SubLeft {width:363px; height:248px; float:left; overflow:hidden; padding:0;}
		.blockType02 .blockType02SubRight {width:568px; height:248px;  float:left; overflow:hidden; padding:0;}
				.blockType02SubLeft table {width:363px;}
				.blockType02SubLeft td {width:363px; height:124px; background:#d6650d url(../images/bgd_lev.gif) 0 0 no-repeat; overflow:hidden; padding:0; vertical-align:middle}
				.blockType02SubLeft td.active {background: #d6650d url(../images/bgd_lev.gif) 0 -124px no-repeat;}
				.blockType02SubLeft td a {color:#FFF; font-size:26px; width:320px; text-align:center; display:block}
				.blockType02SubLeft td a:hover {text-decoration:none}
				
				.blockType02SubRight  h3{font-size:2.5em; color:#000; padding:0 0 20px 0; line-height:23px; text-align:center}
				.blockType02SubRight  h4{font-size:1.4em; color:#000; padding:6px 0 5px 0;line-height:23px; }
				* html  .blockType02SubRight  h4{padding:6px 0 10px 0;line-height:23px;}
				.blockType02SubRight form.frmLogin {padding:10px 0 }
				.blockType02SubRight form.frmRegistration {padding:10px 100px }
				.blockType02SubRight .frmLoginContain {margin:0 155px; overflow:hidden; width:217px; }
				.blockType02SubRight .frmLoginContain02 {padding:38px 0 0 0;}
				.blockType02SubRight .frmLogin  p {width:214px; height:57px; margin:5px 0 0 0; text-align:center}
				.blockType02SubRight .frmLogin  input {border:none}
				.blockType02SubRight .frmLogin  p.bg {width:214px; height:57px; background:#FFF url(../images/bgd_login_bg.gif) 0 0 no-repeat;}
				.blockType02SubRight .frmLogin  p.bgLabel label {padding:21px 0 0 0;}
				.blockType02SubRight .frmLogin  p label {display:block; text-align:center; color:#FFF; font-size:13px; font-weight:bold; padding: 5px 0 8px 0}
				.blockType02SubRight .frmLogin  p.bg input {width:148px; height:16px; background: url(../images/bgd_login_input.gif) 0 0 no-repeat; text-align:center; border:none; padding:4px 7px 1px 7px; }
				.blockType02SubRight .frmLogin  p.formNote {padding:0; height:12px}
				.blockType02SubRight .frmLogin  p.formNote a{color:#8b8b8b; text-decoration:underline}					
				.blockType02SubRight .frmLogin  p.btnSubmit {padding:10px 0 0 0 }
				.blockType02SubRight .frmLogin  p.btnSubmit span.btnCenter  {height:23px; width:150px; background: none; float:none; padding:0; overflow:hidden;  margin:0 auto; clear:both}
				.blockType02SubRight .frmLogin  p.btnSubmit span  {height:23px; width:100%; background: url(../images/bgd_btn_right.gif) 100% 0 no-repeat; float:none; padding:0; overflow:hidden;  margin:0; display:block}
				.blockType02SubRight .frmLogin  p.btnSubmit span input{height:23px; width:100%; background: url(../images/bgd_btn_left.gif) 0 0 no-repeat; color:#FFF; float:none; padding:0 22px; margin:0; cursor:pointer; font-size:10px; font-weight:bold; text-align:center; display:block }
					* html .blockType02SubRight .frmLogin  p.btnSubmit span input{padding:0 6px}
					
				.blockType02SubRight form.frmRegistration {width:535px; /*padding:10px 10px 10px 23px; */overflow:hidden; padding:10px 10px 5px 23px;}
				.blockType02SubRight form.frmRegistration .col01  {width:270px; padding:0 19px 0 0; overflow:hidden; float:left;}
				.blockType02SubRight form.frmRegistration .col02  {width:244px; overflow:hidden; float:left;}
				
				.blockType02SubRight form.frmRegistration  .col01   p{width:270px; padding:0 0 2px 0; overflow:hidden; }
				.blockType02SubRight form.frmRegistration  .col01  label{ width:132px; color:#ec7e1a; font-weight:bold;  padding:3px 5px 0 0; float:left; text-align:right }
				.blockType02SubRight form.frmRegistration  label.none{ width:132px; color:#9b9b9b;}
				.blockType02SubRight .frmRegistration    input {width:119px; height:16px; background: url(../images/btn_input.gif) 0 0 no-repeat; text-align:left; border:none; padding:5px 7px 0 7px; float:left }
				.blockType02SubRight .frmRegistration    span.bgSelect {width:129px; height:18px; background: url(../images/btn_input.gif) 0 0 no-repeat; text-align:left; border:none; padding:3px 1px 0 2px; float:left }
				.blockType02SubRight .frmRegistration    select {width:129px; height:16px; border:none }
				.blockType02SubRight form.frmRegistration  .col02 label{color:#5f5f5f; font-weight:normal;  padding:0 0 0 10px}
					.frmRegisSelectBg {width:207px; height:24px; background: url(../images/bgd_selectbox.gif) 100% 0 no-repeat; float:right; padding:6px 0 0 45px; overflow:hidden;  margin:0;}
						.blockType02SubRight form.frmRegistration .frmRegisSelectBg  label{color:#FFF;}
						.blockType02SubRight form.frmRegistration .frmRegisSelectBg  select {width:134px}
					.frmRegisContain {clear:both}
					.blockType02SubRight form.frmRegistration  .col02   p {width:140px; display:block; overflow:hidden; margin:2px 0;}
					.blockType02SubRight form.frmRegistration  .col02   p.chkTitle { color:#ec7e1a; width:100px; float:left; font-weight:bold}
					.blockType02SubRight form.frmRegistration  .col02   .listCheckbox {width:140px; float:left}
					.blockType02SubRight .frmRegistration    .col02 .chkBg  {width:14px; height:14px; margin:0; padding:0;  border:none; float:left; overflow:hidden } /*background: url(../images/bgd_input_chk.gif) 0 0 no-repeat; */
					.blockType02SubRight .frmRegistration    .col02 .chkBg  input {width:14px; height:14px; background:none; border:none; padding:0;}
					
					.blockType02SubRight .frmRegistration  p.btnSubmit{width:270px; height:23px; padding:0; overflow:hidden;  margin:0; text-align:right; clear:left; margin-top:-5px; float:right;}					
					* html .blockType02SubRight .frmRegistration  p.btnSubmit {margin-top:-13px;}
					.blockType02SubRight .frmRegistration  p.btnSubmit span.noteMadatory {color:#666666; padding:8px 10px 0px 10px; overflow:hidden;  margin:0; text-align:right; display:block}
					.blockType02SubRight .frmRegistration  p.btnSubmit span.btnValider  {height:21px; width:auto; background: url(../images/btn_button_right.gif) 100% 0 no-repeat; float:right; padding:0; overflow:hidden;  margin:0;}
					.blockType02SubRight .frmRegistration  p.btnSubmit span.btnValider input{height:21px; width:auto; background: url(../images/btn_button_left.gif) 0 0 no-repeat; color:#FFF; display:block; float:left; padding:0 12px 2px 12px; margin:0; cursor:pointer; font-size:11px; font-weight:bold; text-transform:uppercase; /*padding:0 12px;*/}
					* html .blockType02SubRight .frmRegistration  p.btnSubmit span.btnValider input{padding:0 0px 0 14px}
				
		.visualImg {position:relative}
		.visualImg .visualImgBorder {width:931px; height:221px; position:absolute; top:0; left:0; z-Index:1; overflow:hidden}
	/********footer********/
	#footer {width:931px; height:93px; background:#FFF url(../images/bgd_footer.gif) 0 0 no-repeat; overflow:hidden; padding:3px 61px 2px 65px; text-align:center; margin:30px 0; height:1%;}	
		#footer p{color:#999999; font-size:10px}
		#footer a{color:#999999}
		#footer ul{margin:0 auto; text-align:center }
		#footer li{display:inline; padding:0 15px 0 0}
		#footer li.last{display:inline; padding:0}
			.lowerFooter {margin: 7px 0 0}
/*1. ///////Style on ever page///////*/	
		/*about page*/
		#aboutContent {}
/*2. ///////Block type of templates///////*/
		/*breadcrumb*/
		.breadcrumb {}	
			.breadcrumb li{}
		/*hightlight*/	
		.hightlight {}	
		
/*3. ///////Block common of templates///////*/
		/*paging*/
		.paging {}
			.paging li{}
			.paging ul{}		
		/*fckDefault*/	
		.fckDefault {}		

/*4. ///////Form common to all templates///////*/
	/*class common on form : checkbox, radio*/
	.chekbox { width:13px; height:13px; vertical-align:middle; border:0;}
	/*form General*/
	.frmGeneral {}
		.frmGeneral input {}
		.frmGeneral label {}
/*5. ///////Buttons common to all templates///////*/
		/*Button link*/
		.btnLink a{ }
		.btnLink span{ }
		/*Button input*/
		.btnInput {}
/*6.///////Layer common of templates///////*/
	
/*7.///////Style add from js///////*/
/* Layer alert */	
	.alertLayer {color:#FFF; background:#EC7E1A; padding:2px 0; position:absolute; top:-1500px; font-size:1.1em}
			.alertLayer p {color:#FFF; padding:5px; margin:0}
				
/*8. ///////Classes common to all templates///////*/
	.loading {}
	.hidden {display:none}
	.floadL { float:left}
	.floadR { float:right}
/*9. End///////ID common to all templates///////*/
		/*Id on tab body*/
		/*Structute Style 01*/
		#defauPage #main , #defauPage #wrapMain {}
		#defauPage #content {}
		/*Structute Style 01*/
		#photoPage #wrapMain {}
		#photoPage #main {}

/* Layer */
.popupLayer {border: 1px solid #EA7C1A; background-color: #ffffff; width: 700px; height: 392px; position: absolute; top: -15000px; left: 0}
