/* ***************
	RESET
*************** */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

::selection {
  background: #a41d21;
  color:white; 
}
::-moz-selection {
  background: #a41d21;
  color:white;
}



body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ***************
	END RESET
*************** */

/* *************************
	STYLES GLOBAUX
************************* */

html, body {
	height: 100%;
}

body{
	font-family: calibri,sans-serif;
	font-size: 14px;  
	color: #000;
}

a, a:visited{
	color: #272726;
	text-decoration: none;
}

a.block{
	
	display: block; 
}



a:hover, a:active{
	color: #828282;
	text-decoration: underline;
}

input[type="text"], select, textarea {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #CCC;
	box-shadow: 0 0 2px #AAA inset;
}

.button {
	display: inline-block;
	padding: 7px 10px;
	margin: 0 0 5px 0;
	background: none;
	font-size: 1em;
	color: #FFF;
	cursor: pointer;
	box-shadow: 0px 1px 3px rgba( 00, 00, 00, 0.5);
	text-shadow: 0px 1px 1px #000;
	border: none;
	border-radius: 5px;
}

.button:visited {
	color: #FFF;
}

.button:hover {
	box-shadow: 0px 1px 3px rgba( 00, 00, 00, 0.5) inset;
	text-decoration: none;
	color: #FFF;
}

.redButton {
	background: #b81b1c;
	background-image: linear-gradient(bottom, rgb(124,23,31) 0%, rgb(191,28,28) 100%);
	background-image: -o-linear-gradient(bottom, rgb(124,23,31) 0%, rgb(191,28,28) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(124,23,31) 0%, rgb(191,28,28) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(124,23,31) 0%, rgb(191,28,28) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(124,23,31) 0%, rgb(191,28,28) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(124,23,31)),
		color-stop(1, rgb(191,28,28))
	);
}

.redButton:hover {
	background: #b81b1c;
	background-image: linear-gradient(bottom, rgb(191,28,28) 0%, rgb(124,23,31) 100%);
	background-image: -o-linear-gradient(bottom, rgb(191,28,28) 0%, rgb(124,23,31) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(191,28,28) 0%, rgb(124,23,31) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(191,28,28) 0%, rgb(124,23,31) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(191,28,28) 0%, rgb(124,23,31) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(191,28,28)),
		color-stop(1, rgb(124,23,31))
	);
}

.blueButton {
	background: #095fac;
	background-image: linear-gradient(bottom, rgb(0,52,121) 0%, rgb(10,98,176) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,52,121) 0%, rgb(10,98,176) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,52,121) 0%, rgb(10,98,176) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,52,121) 0%, rgb(10,98,176) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,52,121) 0%, rgb(10,98,176) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,52,121)),  
		color-stop(1, rgb(10,98,176))
	);
}

.blueButton:hover {
	background: #095fac;
	background-image: linear-gradient(bottom, rgb(10,98,176) 0%, rgb(0,52,121) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10,98,176) 0%, rgb(0,52,121) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10,98,176) 0%, rgb(0,52,121) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,98,176) 0%, rgb(0,52,121) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(10,98,176) 0%, rgb(0,52,121) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(10,98,176)),
		color-stop(1, rgb(0,52,121))
	);
}  

#paymentLogos.center{
	margin: 0 auto;
	width: 200px;
	margin-top: 10px;
}


.uppercaseText {
	text-transform: uppercase;
}

#wrap {
	position: relative;
	min-height: 100%;
}

.container{
	position: relative;
	width: 940px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}

.clearfix {
	clear: both;
}

.col1 {
	width: 10%;
	float: left;
}

.col2 {
	width: 20%;
	float: left;
}

.col3 {
	width: 30%;
	float: left;
}

.col33 {
	width: 33.3%;
	float: left;
}

.col4 {
	width: 40%;
	float: left;
}

.col5 {
	width: 50%;
	float: left;
}

.col6 {
	width: 60%;
	float: left;
}

.col66 {
	width: 66.6%;
	float: left;
}

.col7 {
	width: 70%;
	float: left;
}

.col8 {
	width: 80%;
	float: left;
}

.col9 {
	width: 90%;
	float: left;
}

.col10 {
	width: 100%;
}

#header{
	/* background: url('../images/background-b-finance_header.png') repeat-x left top #FFF; */
	width: 100%;
	/* height: 100px; */
	padding: 25px 0 0 0;
	clear: both;
	overflow: hidden;
	background-color: #f6f6f6;
}

	#logo {
		display: block;
		width: 212px;
		height: 75px;
		float: left;
		background: url('../images/b-information.png') no-repeat left top;
		text-indent: -9999px;
	}
	
	#languages {
		position: absolute;
		top: 0;
		right: 0;
	}
	
		#languages li {
			float: left;
			text-transform: uppercase;
		}
	
		#languages li + li {
			margin: 0 0 0 5px;
			padding: 0 0 0 5px;
			border-left: 1px solid #828282;
		}
		
		#languages li.active {
			font-weight: 500;
			color: #828282;
		}
		
	#cnyLogo {
		display: block;
		width: 107px;
		height: 27px;
		float: right;
		margin: 45px 0 0 0;
		text-indent: -9999px;
	}	

#main{
	width: 100%;
	padding: 25px 0;
	clear: both;
	overflow: auto;
}

#tableau #main, #tableau #main .container {
	overflow: visible;
}

	#search {
		width: 69.14%;
		padding: 0 0 0 30.86%;
		margin: 0 0 25px 0;
	}

		#search legend, #search div, #search p {
			float: left;
		}
		
		#search legend {
			margin: 0 10px 0 0;
			line-height: 1.9em;
		}
		
		#search label {
			display: block;
			visibility: hidden;
			width: 0;
			height: 0;
			opacity: 0;
		}
		
		#search p {
			margin: 0 10px;
			line-height: 1.9em;
		}
		
		#search p.select {
			margin: 0;
			line-height: 1em;
		}

	#sidebar {
		width: 11.70%;
		float: left;
		padding-top: 40px;
	}
	
		#sidebar ul#customerAccess li { 
			width: 110px;
			height: 110px;
			margin: 0 0 10px 0;
			background: url('../images/button_customer_access_rbi.png') no-repeat left top;
		}

			#sidebar ul#customerAccess li a {
				display: block;
				padding: 35px 15px;
				font-size: 1.16em;
				line-height: 1.3em;
				text-align: center;
				text-transform: capitalize;
			}

			#sidebar ul#customerAccess li a:hover {
				text-decoration: none;
			}
		
		#sidebar .blueButton {
			margin: 15px 0 0 0;
		}

	#content {
		position: relative;
		width: 76.59%;
		float: left;
		padding: 0 0 105px 0;
		margin: 0 0 0 11.71%;
		line-height: 1.3em;
	}

	.noSidebar #content {
		width: 100%;
		float: none;
		margin: 0;
	}
	
		#content .homeColumn {
			width: 47.22%;
			float: left;
			margin: 0 0 0 0;
		}
		
		#content .homeColumn:nth-child(odd), #content .clearfix + .homeColumn:nth-child(even) {
			margin: 0 5.56% 0 0;
		}
		
		#content .clearfix + .homeColumn + .homeColumn {
			margin: 0 0 0 0;
		}
	
		#content .homeColumn h2 {
			clear: both;
			margin: 0 0 20px 0;
			padding: 20px 0 10px 0;
			border-bottom: 2px solid #c51e22;
			text-transform: uppercase;
			font-size: 1.33em;
			color: #a51e22;
		}
	
		#content .homeColumn h3 {
			margin: 0 0 15px 0;
			font-size: 1em;
			color: #272726;
		}
	
		#content p {
			margin: 0 0 15px 0;
		}
	
		#content ul {
			margin: 0 0 15px 0;
		}
		
		#content .homeColumn #productsList, #content .homeColumn #newsList, #content .homeColumn #paymentLogos {
			clear: both;
			overflow: hidden;
		}
	
			#content ul li {
				padding: 0 0 0 15px;
				
			}
			
			#content .homeColumn #productsList li, #content .homeColumn #newsList li, #content .homeColumn #paymentLogos li {
				padding: 0;
				float: left;
				background: none;
			}
			
			#content .homeColumn #productsList li + li {
				margin: 0 0 0 7.20%;
			}
			
			#content .homeColumn #newsList li {
				margin: 0 0 10px 0;
			}
			
			#newsFrame {
				margin: 0 0 20px 0;
			}
			
				#content .homeColumn #newsList li span {
					font-weight: bold;
					font-style: italic;
					color: #000;
				}
			
			#content .homeColumn #paymentLogos li + li {
				margin: 0 0 0 10px;
			}

#footer{
	position: relative;
	width: 100%;
	height: 100px;
	margin: -105px 0 0 0;
	padding: 15px 0;
	clear: both;
	overflow: hidden; 
	color: #828282;
	background-color: #f6f6f6;
}
#footer.small {
	
	margin: -10px 0 0 0;
}
#footer.normal {
	
	margin: -95px 0 0 0;
}

	.footerRow{
		float: left;
	}
	.footerRow ul{
		margin-right: 10px;
	}
	.footerRow ul li{
		margin-bottom: 10px;
	}
	
	
	/* .footerColumn, .footerColumn + .footerColumn + .footerColumn {
		width: 25%;
		float: left;
	} */
	
	.footerColumn {
		width: 100%;
	}
	
		 .footerColumn  #footerMenu {
			position: relative;
			left: 50%;
			float: left;
		}
	 
		 .footerColumn  #footerMenu div {
				position: relative;
				left: -50%;
				float: left;
			}
	 
 	.footerColumn #footerMenu ul {
				float: left;
				margin: 0 auto 15px auto;
				clear: both;
				overflow: hidden;
			}
	
.footerColumn #footerMenu ul li {
					float: left;
				}
			
				.footerColumn #footerMenu ul li + li {
					margin: 0 0 0 10px;
					padding: 0 0 0 10px;
					border-left: 1px solid #828282;
				}
	
		.footerColumn  p {
			clear: both;
			text-align: center;
		}
		strong {
		
			padding-left: 4px;
		}

div#rbi img {
	height: 60px;
}

div#lng {
	display: inline-block;
	width: 33%;
}

div#rbi {
	display: inline-block;
	width: 100%;	
	text-align: center;
}


div#bfinance {
text-align: right;
}

a.flat:hover{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #a41d21;
	padding: 10px;
	background-color: transparent;
	font-weight: 700;
	display:block;
	text-transform: uppercase;
	
}

a.flat {
	background-color: #a41d21;
	border-color: rgb(255, 255, 255);
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	border: 2px solid #a41d21;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;	
	cursor: pointer;
}

.fa-shopping-cart:before {
	
	color: #a41d21;
}