*{
	outline:none;
}
html{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		overflow-y: scroll;	
}
body {
		background-color:#C40006;
		width:100%;
		margin:0;
		padding:0;
		bottom:0;
}

/* -------------------------------------------------------------- GLOBALS -------------------------------------------------------------- */
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:900;
}
a:link, a:visited{
	color:#fff;
}
a:hover{
	color:#E99EA0;
}
.txt9, .txt9 *, a.txt9{
	font-size:9px!important;
}
.txt10, .txt10 *, a.txt10{
	font-size:10px!important;
}
.txt12, .txt12 *, a.txt12{
	font-size:12px!important;
}
.txt13, .txt13 *, a.txt13{
	font-size:13px!important;
}
.txt14, .txt14 *, a.txt14{
	font-size:14px!important;
}
input, select, textarea{
	font-size:11px;
	font-weight:bold;
}
.warning, .warning *, a.warning{
color:#fff;
font-weight:bold;
font-style:italic;
}
/* -------------------------------------------------------------- TOP --------------------------------------------------------------*/
.top_outter{
float:left;
}
.top {
	width:100%;
	height:94px;
	background-color:#fff;
	background-repeat:repeat-x;
	top:0;
	z-index:10;
	position:fixed;
	float:left;
}
.replay{
	background-image:url(../img/ombre_top.jpg);
	background-position:top;
	background-repeat:repeat-x;
	top:94px;
	left:0px;
	height:28px;
	z-index:20;
	margin:0;
	padding:0;
	width:100%;
	float:left;
	position:fixed;
}
.replay .button{
	margin-left:55%;
}

/* --------------------------------------------------------   NAVIGATION - top -------------------------------------------------------------- */
.top_nav {
	position:relative;
	height:25px;
	margin-top:30px;
	background-color:#C40006;
	width:100%;
	min-width:1000px;
	float:left;
}
.top_nav a{
	float:left;
	display:block;
	height: 25px;
}
a.nav_about:link, a.nav_about:visited{
	position:absolute;	
	left:30%;
	background-image:url(../img/nav/about.jpg);
	width:135px;
}
a.nav_about:hover{
	background-position: 0px -25px;
}
a.nav_about_on{
	position:absolute;	
	left:30%;
	background-image:url(../img/nav/about.jpg);
	width:135px;
	background-position: 0px -50px;
}
a.nav_worldwide:link, a.nav_worldwide:visited{
	position:absolute;	
	left:43%;
	background-image:url(../img/nav/worldwide.jpg);
	width:169px;
}
a.nav_worldwide:hover{
	background-position: 0px -25px;
}
a.nav_worldwide_on{
	position:absolute;	
	left:43%;
	background-image:url(../img/nav/worldwide.jpg);
	width:169px;
	background-position: 0px -50px;
}
a.nav_contact:link, a.nav_contact:visited{
	position:absolute;	
	left:60%;
	background-image:url(../img/nav/contact.jpg);
	width:76px;
}
a.nav_contact:hover{
	background-position: 0px -25px;
}
a.nav_contact_on{
	position:absolute;	
	left:60%;
	background-image:url(../img/nav/contact.jpg);
	width:76px;
	background-position: 0px -50px;
}
/*----------------------------------------------------------- NAVIGATION - snav -------------------------------------------------------------- */
.snav{
	text-decoration:none;
	font-size:12px;
	float:left;
	color:#C40006;
	position:absolute;	
	left:21%;
	width:75%;
	top:65px;
	clear:both;
}
.snav *{
	float:left;
}
.snav a:link, .snav a:visited{
	color:#C40006;
	background-color:#fff;
	text-decoration:none;
	float:left;
}
.snav a:hover{
	color:#700306;
	background-color:#fff;
	text-decoration:none;
	float:left;
}
.snav a.on{
	color:#C40006;
	text-decoration:underline;
	float:left;
}

.snav ul{
	float: left;
	margin:0;
	padding:0;
}

.snav li{
	position:relative;
	top:0;
	list-style-type: none;
	color:#C40006;
	margin-right:20px;
}

/*-------------------------------------------------------- MARGIN-TOP - BOTTOM CONTENT --------------------------------------------------------------*/
.spacer_top{
	height:100px;
	position:relative;
}
.spacer_bottom{
	height:50px;
	position:relative;
	clear:both;
}
.spacer_bottom_banner{
	height:140px;
	position:relative;
	clear:both;
}
/*------------------------------------------------------------ CONTENT ----------------------------------------------------------------------*/
.content{
	position:relative;
}
.left{
	width:23%;
	float:left;
}
.center{
	width:59%;
	float:left;
	text-align:left;
	border-left:1px solid #fff;
	padding-left:10px;
}
.right{
	width:17%;
	float:left;
}
/*------------------------------------------------------------ BACKOFFICE ----------------------------------------------------------------------*/
.left_back{
	position:relative;
	width:10%;
	float:left;
}
.center_back{
	position:relative;
	text-align:left;
	border-left:1px solid #fff;
	padding-left:10px;
	float:left;
	width:88%;
}
.center_back .right input{
	width:300px;
	display:block;
	padding:0px;
	margin-bottom:3px;
	background-color:#fff;
}
.center_back .right .bt input{
	float:left;
	width:75px;
	border:1px solid #000000;
	margin: 0px 15px 2px 0px;
}
.center_back .right select{
	width:300px;
	padding:0px;
}
.center_back .right textarea{
	width:300px;
	padding:0px;
}
.deco_package_back{
	height:200px;
	background-image:url(../img/kitkat_2_packages.jpg);
	background-repeat:no-repeat;
	margin-bottom:30px;
	margin-left:7%;
}

/*snav*/
.left_back .bo_nav{
	width:70%;
}
	.bo_nav a:link, 
	.bo_nav a:visited, 
	.bo_nav a:hover{ 
	margin:0px 0px 5px 0px;
	display:block;
	text-align:left;
}
a.l1,a.l1:visited{
	font-weight:bold;
	font-size:12px;
	color:#000;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px solid #A2AE99;
	padding-bottom:2px;
	padding-top:15px;
}
a.l1:hover{
	font-weight:bold;
	font-size:12px;
	color:#77AC52;
	display:block;
	text-transform:uppercase;
	border-bottom:1px solid #A2AE99;
	padding-bottom:2px;
	padding-top:15px;
}
a.l2,a.l2:visited{
	font-size:12px;
	color:#333;
	display:block;
	text-decoration:none;
	padding-left:10px;
	padding-top:3px;
}
a.l2:hover{
	font-weight:bold;
	font-size:12px;
	color:#333;
	display:block;
	padding-left:10px;
	padding-top:3px;
}
.center_back .line{
	width:100%;
	display:block;
	height:25px;
	clear:both;
}
.center_back .line .left{
	width:20%;
	float:left;	
}
.center_back .line .right{
	width:79%;
	float:left;	
}
.center_back .line_noh{
	width:100%;
	display:block;
	clear:both;
}
.center_back .line_noh .left{
	width:20%;
	float:left;	
}
.center_back .line_noh .right{
	width:79%;
	float:left;	
}
.center_back .datagrid td{
	padding-left:15px;
	padding-right:15px;
}

/* ------------------------------------------------------------ FOOTER --------------------------------------------------------------*/
.footer{
		background-image:url(../img/bg_footer.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
		height:33px;
		width:100%;
		position:absolute;
		position:fixed;
		bottom:0;
		margin-bottom:0px;
		z-index:1;
		float:left;
		left:0px;
}
.footer_inner{
	font-weight:bold;
	padding-top:15px;
	color:#C40006;
}
.footer_inner a:link, .footer_inner a:hover, .footer_inner a:visited{
	color:#C40006;
	text-decoration:none;	
	background-color:#fff;
}
.footer_inner a:hover{
	color:#700306;
	text-decoration:none;
	background-color:#fff;	
}
/*------------------------------------------------ HOME & BOTTOM BANNER VARY --------------------------------------------------------------*/
.footer_banner{
	background-image:url(../img/banner_spacer.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:120px;
	width:100%;
	position:fixed;
	bottom:0px;
	z-index:500;
	float:left;
	left:0px;
}
.footer_console{
	width:100%;
	position:fixed;
	bottom:0px;
	z-index:700;
	float:left;
	left:0px;
}
.footer_banner .deco_left{
	position:relative;
	background-image:url(../img/banner_deco.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:30%;
	height:120px;
	float:left;
	min-width:300px;
}
.footer_banner .promo{
	position:relative;
	width:40%;
	height:120px;
	float:left;
}
.footer_banner .visuel{
	position:relative;
	height:70px;
	margin-top:17px;	
	}
.footer_banner .deco_right{
	position:relative;
	width:29%;
	float:left;
	height:120px;
}
/* ----------------------------------------------------------- CONSOLE - BACK OFFICE --------------------------------------------------------------*/
/* .console{
	z-index:900;
	position:relative;
	background-color:#C40006;
	width:80%;
	padding:20px 5% 20px 5%;
	border:3px dotted #ffffff;
	filter: alpha(opacity=87);
	-moz-opacity: 0.87;
	text-align:center;
} */
/* ----------------------------------------------------------- GRAPHIX & DECORATIONS --------------------------------------------------------------*/
.deco_package{
	width:698px;
	height:404px;
	background-image:url(../img/kitkat_package.jpg);
	background-repeat:no-repeat;
	margin-bottom:30px;
}
.deco_worldmap{
	height:250px;
	background-image:url(../img/world_map.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-left:20%;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}
.deco_2packages{
	height:220px;
	background-image:url(../img/kitkat_2_packages.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-left:22%;
	clear:both;
}
/* ----------------------------------------------------------- PAGE STANDARD --------------------------------------------------------------*/
.floatleft{
float:left;
}
.floatright{
float:right;
}
.floatleft_img{
float:left;
margin-right:20px;
margin-bottom:5px;
}
/* ----------------------------------------------------------- PAGE WORLDWIDE --------------------------------------------------------------*/
.world_col{
	width:24%;
	float:left;
}
.world_col a{
	display:block;
}
/* ----------------------------------------------------------- PAGE CONTACT --------------------------------------------------------------*/
.line{
	width:100%;
	display:block;
	height:25px;
}
.line .left{
	width:30%;
	float:left;	
}
.line .right{
	width:70%;
	float:left;	
}
.line_noh{ /* No Height */
	width:100%;
	display:block;
}
.line_noh .left{
	width:30%;
	float:left;	
}
.line_noh .right{
	width:70%;
	float:left;	
}
.line input, .line select, .line textarea{
	color:#000;
	padding-left:10px;
}
.line input{
	width:300px;
}
.line input.bt{
	width:75px;
	border:1px solid #000000;
	margin: 0px 15px 2px 0px;
	float:left;
}
.line select{
	width:315px;
}
.line_noh textarea{
	width:310px;
	height:100px;
	padding-top:10px;
}
/* ---------------------------------------------------------PAGE NUTRITION --------------------------------------------------------------*/
.hspace{
	height:150px;
}
.lng{
	height:30px;
	font-weight:bold;
}
.lng a{
	font-size:12px;
	margin-right:6px;
}
.nutri_list{
	min-width:480px;
	height:40px;
	}
.nutri_list select{
	width:200px;
	margin-right:30px;
	float:left;
}
.product{
	width:100%;
}
.product .left{
	width:60%;
	float:left;
}
.product .right{
	width:36%;
	float:left;
	margin-left:3%;
}
.product .right img{
	float:left;
}
.left .chart td{
 height:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px dotted #AE0309;
}
.left .chart th{
 height:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	border-bottom: 1px dotted #AE0309;
}
.divLegend{
	display:block;
	font-size:10px !important;
}