/* proximus-ezine */

body {
	margin:0; padding: 0;
	font-size:62.5%; font-family:"Trebuchet MS",Arial,sans-serif; line-height:1.2em;
	color:#49546d; background:#42278d;
	
}

/* reset */
p, ul, ol, dl, form, pre, blockquote, address, table, dt, dd, li { margin:0; padding:0; }
h1, h2, h3, h4, h5 { margin:0; padding:0; line-height:1em; font-family:"Trebuchet MS","Myriad Pro",sans-serif; font-weight:normal; }
ul, ol, li { list-style:none; }
form, label, fieldset { margin: 0; padding: 0; }
input, select, textarea { font:11px Verdana,Arial,sans-serif; color:#00207a; line-height:1.2em; }
img { display:block; border:none; }
p img { display:inline; }
caption, td, th { padding:0; font-size:1em; line-height:1.2em; }

/* base rules */
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/* crossbrowser clear */
div.clear { clear:both; width:100%; height:0; overflow:hidden; }

/* tables used for layout, reset vertical to top, don't cascade font sizes */
table.layout th, table.layout td { vertical-align:top; text-align:left; font-size:1em: } 


/*---------------------------*/
/* Forms */
/*---------------------------*/
/* note: because of padding on text fields NEVER use width:100%; on input fields */

/* base rules */
textarea { }
input.text { padding:4px 4px 4px 5px; font-size:11px; line-height:14px; }
textarea.text { padding:4px 4px 4px 5px; line-height:1.4em; }
* html input.text, * html textarea.text { background-attachment:fixed; }
input.text, textarea.text { background:url(../customer/img3l/textfield-bg.gif) no-repeat 0 0; border:none; border-right:1px solid #cecece; border-bottom:1px solid #e4e4e4; }


/* form blocks */
.form span.radiogroup, .form span.checkgroup { margin-right:2em; }
.form .radiogroup input,
.form .checkgroup input { margin:0 4px 0 0; }
.form span.dategroup select { margin-right:4px; }
.form .vertical .checkgroup, .form .vertical .radiogroup { display:block; line-height:1.6em; }

/* field sizes */
.form input.long, .form textarea.long { width:188px; }
.form select.day { width:50px; }
.form select.month { width:50px; }
.form select.year { width:80px; }


/*---------------------------*/
/* TABLES : base styles */
/*---------------------------*/

/* tables used for layout (reset default values like padding) */
table.layout { width:auto; }
table.layout td, table.layout th { padding:0; font-size:1em; vertical-align:top; text-align:left; }

/* cell alignments (IMPORTANT! comes AFTER table.layout rules) */
table td.va-top    { vertical-align:top; }
table td.va-middle { vertical-align:middle; }
table td.va-bottom { vertical-align:bottom; }

table td.acenter, table th.acenter 	{ text-align:center; }
table td.aleft, table th.aleft 		{ text-align:left; }
table td.aright, table th.aright 	{ text-align:right; }

/* */
table td.gutter { width:10px; }
table td.gutter img { display:block; width:10px; }


/*---------------------------*/
/* Icons */
/*---------------------------*/

/* enough padding for the tallest icon image */
#cstp-content span.icon { padding:2px 0; padding-left:20px; background-repeat:none; background-position:0 50%; }


/*---------------------------*/
/* Dynamic text buttons */
/*---------------------------*/

.btn, .btn span { color:#fff; font-size:12px; line-height:1em; font-weight:bold; text-decoration:none; outline:none; }
#ie .btn { padding-top:0; padding-bottom:0; }
p a.btn { line-height:1em; } /* align to text baseline when mixed with text, otherwise use set line-height below */

/* blue */
a.btn-pri, a.btn-pri span { background:url("../customer/img3l/btn-primary.gif") no-repeat 100% 50%; padding:5px 4px 5px 0; }
a.btn-pri span { background-position:0 50%; padding:5px 8px 5px 10px; color:#fff; }
a.btn-pri { line-height:23px; }

/* red */
a.btn-sec, a.btn-sec span { background:url("../customer/img3l/btn-secondary.gif") no-repeat 100% 50%; padding:5px 8px 5px 0; }
a.btn-sec span { background-position:0 50%; padding:5px 0 5px 8px; color:#49546d; }
a.btn-sec { line-height:23px; }


/*---------------------------*/
/* Site layout */
/*---------------------------*/

#header, #body, #footer { clear:both; width:100%; }

.container-center { width:780px; margin:0 auto; }


/* HEADER */
#header { width:100%; padding:0; }
#header .container-center { position:relative; }
#header .logo { float:left; margin:13px 0 11px; }
#header .lang { float:right; padding:57px 0 0; text-align:right; font-size:1.2em; line-height:1em; }
#header .lang { color:#9e97e7; }
#header .lang a { color:#fff; }
#header .lang a.active { font-weight:bold; }

#header ul {
	position:relative;
	clear:both; float:left;
	width:100%; border:1px solid #fff; border-bottom:none;
	background:#6857bf;
	margin:0; left:-1px; padding:0; 
	font-size:1.3em; line-height:1em;
}
#header ul li {
	float:left; margin:0; padding:0;
	background:url(../customer/img3l/tab-inactive.gif) repeat-x 0 50%;
}
#header ul a {
	float:left; padding:6px 10px 7px; color:#fff;
}
#header ul a:hover {  }
#header ul li.active { background:url(../customer/img3l/tab-active.gif) repeat-x 0 50%; }
#header ul li.active a { }
#header ul li.active a:hover {  }


/* FOOTER */
#footer { width:100%; padding:24px 0 20px; font-size:1.2em; color:#9e97e7; }
#footer a { color:#fff; }


/* BODY */
#body { background:#fff; }
#body .container-center { padding:0 0 34px; }

/* BODY columns */
.customer .col-banner {
	width:100%;
	height:116px;
	padding:1px 0px 22px 0px;
	background:url(../customer/img3l/ezine-banner-residential.jpg) no-repeat 0px 0px;	
	}
	
.business .col-banner {
	width:100%;
	height:116px;
	padding:1px 0px 22px 0px;
	background:url(../business/img3l/ezine-banner-business.jpg) no-repeat 0px 0px;	
	}	

.business .col-nav-c {
	display:none;
	}
	
.customer .col-nav-b {
	display:none;
	}
	
#body .col-nav-b { float:left; width:190px; }
#body .col-nav-c { float:left; width:190px; }

#body .col-pri { float:right; width:575px; }
#body .col-clear { clear:both; width:100%; overflow:hidden; }


/*---------------------------*/
/* Content styles */
/* utiliser la classe "content" sur tous les conteneurs type CMS (titres, paragraphes, tout contenu dynamique...) */
/*---------------------------*/

/* headings */
.content h2 {
	border-bottom:1px solid #B5BAE4;
	color:#42278D;
	font-size:2.2em; line-height:1.1em;
	font-weight:normal;
	margin:0pt 0pt 12px;
	padding:0 0 5px;
}
.content h3 { font-size:15px; color:#42278d; font-weight:bold; margin:0 0 0.5em; }

/* type */
.content ul li { font-size:1.3em; line-height:1.1em; }
.content p { font-size:1.3em; line-height:1.38em; margin:0 0 1em; }

/* tables */
.content table td, .content table th { font-size:1.1em; line-height:1.2em; }
.content table input, .content table select, .content table label { vertical-align:middle; }


/* bullet list */
.content ul { margin:0 0 1em 0.5em; }
.content ul li { list-style-type:disc; margin:0 0 1em; margin-left:1em; }

/* */
.content h2.midpage { line-height:1.7em; color:#8377c9; border:none; padding:0; }
.content h2.midpage span { line-height:1.1em; }

/* */
div.box { border:1px solid #d3cffa; padding:10px 10px 0; margin:0 0 20px; }

div.box-round { border-top:1px solid #d3cffa; background:url(../customer/img3l/box-round.gif) no-repeat 0 100%; padding:15px 18px 18px; margin:0 0 20px; }
div.box-round div.outset { margin:0 -17px 0; width:573px; } 

div.box-round div.buttons { padding-right:23px; margin:0; }

/* */
.small-print p { color:#49546d; font-size:1em; line-height:1.4em; margin:0 0 1em; }

/* */


/*---------------------------*/
/* REGISTER */
/*---------------------------*/

/* register form */

.outset table { width:100%; border-top:1px solid #ededfb; }
.outset table thead th { background:#ededfb; padding:10px 17px; font-weight:normal; }
.outset table tbody th, 
.outset table tbody td { padding:4px 0 6px; border-bottom:1px solid #ededfb; }
.outset table tbody th { padding-left:17px; border-right:1px solid #ededfb; width:220px; }
.outset table tbody th label { display:block; padding-top:4px; }
.outset table tbody td { padding-left:5px; }
.outset table td.foot1 { padding:10px 0 0; padding-left:17px; }
.outset table td.buttons { padding:10px 17px 0; text-align:right; }


/*---------------------------*/
/*  */
/*---------------------------*/


/*---------------------------*/
/*  */
/*---------------------------*/