@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #E6E6E6;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
h1, h3 {
	padding-top:15px;
	color:#A0A0A0;
}

a img { 
	border: none;
}

a:link {
	color:#FF9859;
	text-decoration: underline; 
}
a:visited {
	color: #FF9859;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ ce conteneur entoure toutes les autres divs, en leur attribuant leur largeur sur base d'un pourcentage ~~ */
.container {
	width: 70%;
	max-width: 1260px;
	min-width: 1000px;
	background-color: #FFF;
	margin: 0 auto; 
}


.header {
	width:100%;
	height:237px;
	background-color: #E6E6E6;
}

.banner {
	width: 70%;
	max-width: 1260px;
	min-width: 1000px;
	margin: 0 auto; 
}
.logo{ 
		min-width: 1000px;
		background-color:#333333;
		margin:0 auto;
		position: relative;
}
.login{
	text-align:right;
	font-weight:bold;
	position: relative;
	float:right;
	padding-right: 40px;
	padding-top: 10px;
	color:#FFF;
}
.slider{
	max-width:auto;
	height:204px;
	background-image:url('../img/banr3.png');
	background-position:center;
	background-size:100% 100%;
	background-repeat:no-repeat;
	position: relative;
	
}

.content {
	text-align:justify;
	padding:25px 0 0 0;
	margin-right:50px;
}

#vunic_offer{
	color:#999;
	background-color:#333333;
	padding-left: 50px;
	margin-top:10px;
	margin-right:-50px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Customer Grace Period Expiry Notification*/
.notification_msg{
	font-size:0.75em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-left: 100px;
	margin-right: 100px;
	border:1px solid;
	border-color:orange;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	word-spacing: 4px;
}

.ResponseDiv{

	margin: 35px;
	border-color:#FF9819;
	border-width:1px;
	border-style:solid;
	padding:1px;
}
.ResponseDiv p{
	margin-top:15px;
	margin-left:65px;
}

.infolist{
	width:110px;
	font-size: 1.2em;
	margin-left: 10px;
}
.infoline{
	text-align:justify;
	padding:10px;
}
.infogray{
	padding:10px 10px 5px 40px;
	
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	
	/* Background color and gradients */
	background: #EEEEEE;
	background: -moz-linear-gradient(top, #EEEEEE, #B3B1AA);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#B3B1AA));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEEEEE, endColorstr=#B3B1AA); /* IE 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEEEEE, endColorstr=#B3B1AA)"; /* IE 8 */
	background-image: -o-linear-gradient(top,#EEEEEE,#B3B1AA); /* Opera */
}

/* ~~ Pied de page ~~ */
.footer {
	padding: 10px 0;
	background-color: #000000;
	color:#fff;
	font-size:small;
	text-align:center;
	position: relative;
	clear: both;
}
.footer a{
	color:#D5984A;
}


.transferdiv{
	margin: 10px;
	margin-top:15px;
	border-color:#333;
	border-width:1px;
	border-style:solid;
	padding:5px;
}