/*  ----------\
	-----------------------------------------------
	Title 		: InternetAlaCarte.com CSS Document
	Author 		: Francis Hogue
	Edition 	: Blank
	Version 	: 1.0
	Created 	: 28-02-2007
	Updated 	: 
	Contact 	: francishogue@francishogue.com
	Copyright 	: 2007 (c) PointPub MŽdia Communications
	-----------------------------------------------
	----------/
*/

/* --------------------------------------
	
	=layout, structure
	
-------------------------------------- */


body { 
	background: #468966 url(../images/bg_body.gif) repeat-x 0 0; 
	color: #464646; 
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	min-width: 800px;
}


#wrapper {
	background: url(../images/bg-wrapper.gif) repeat-y 230px top;
	margin: 0 auto;
	width: 800px;
}

#sidebar {
	background: url(../images/bg-sidebar-shadow.jpg) no-repeat right top;
	float: left;
	width: 237px;
}

#mainContent {
	float: right;
	width: 563px;
	overflow: visible;
}
#mainContentTop {
	background: url(../images/bg-mainContentTop.jpg) no-repeat 0 0;
	width: 563px;
	float: left;
}

#footer {
	background: url(../images/bg-footer.gif) no-repeat 100% 100%;
	clear: both;
	padding: 0 40px 40px 0;
}
                                         
	
div.inner {
	margin:0 40px 0 33px;
	width: 490px;
}

/* --------------------------------------
	
	=headers
	
-------------------------------------- */
#ebiz-logo
{
	background: url(../images/ebiz-logo.gif) 0 0 no-repeat;
	color: #FFF;
	display: block;
	height: 117px;
	margin: 44px 0 0 32px;
	text-indent: -9999px;
	width: 188px;
}


h2 {
	border-bottom: 2px solid #e1d492;
	color: #b64926;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 2.0em;
	margin-bottom: 1em;
}

h2 span {
	color: #468966;
	margin-right: 0.2em;
	font-style: italic;
	font-family: Georgia, serif;
	font-size: 2.6em;
}

h3 { 
	color: #b64926;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1.6em;
	line-height: 120%;
	
}
#step-content h3 {
	border-bottom: 2px solid #e1d492;
	padding-bottom: 0.2em;
	
}
#panel-commande h4 {
	margin-left: 14px;
	margin-right: 14px;
}


#panel-commande h4 {
	font-size: 1.4em;
	color: #fff0a5;
	border-bottom: 1px solid #ffcdb4;
	padding-bottom: 2px;
}

h5.warning {

	color: #990000;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 4px;
}
/* --------------------------------------
	
	=steps
	
-------------------------------------- */

ul#steps {
	margin: 36px 0 2em 17px;

}

ul#steps li {
	color: #fff;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	height: 44px;
	line-height: 44px;
	padding-right: 60px;
	text-align: right;
	width: 160px;	
}

li#step-1 { background: url(../images/step-1-off.gif) no-repeat 0 0; }
li#step-2 { background: url(../images/step-2-off.gif) no-repeat 0 0; }
li#step-3 { background: url(../images/step-3-off.gif) no-repeat 0 0; }
li#step-4 { background: url(../images/step-4-off.gif) no-repeat 0 0; }
li#step-5 { background: url(../images/step-5-off.gif) no-repeat 0 0; }
li#step-6 { background: url(../images/step-6-off.gif) no-repeat 0 0; }
li#step-7 { background: url(../images/step-7-off.gif) no-repeat 0 0; }
li#sommaire { background: url(../images/step-8-off.gif) no-repeat 0 0; }

li.active#step-1 { background: url(../images/step-1-on.gif) no-repeat 0 0; }
li.active#step-2 { background: url(../images/step-2-on.gif) no-repeat 0 0; }
li.active#step-3 { background: url(../images/step-3-on.gif) no-repeat 0 0; }
li.active#step-4 { background: url(../images/step-4-on.gif) no-repeat 0 0; }
li.active#step-5 { background: url(../images/step-5-on.gif) no-repeat 0 0; }
li.active#step-6 { background: url(../images/step-6-on.gif) no-repeat 0 0; }
li.active#step-7 { background: url(../images/step-7-on.gif) no-repeat 0 0; }
li.active#sommaire { background: url(../images/step-8-on.gif) no-repeat 0 0; }

li.last#step-1 { background: url(../images/step-1-last.gif) no-repeat 0 0; }
li.last#step-2 { background: url(../images/step-2-last.gif) no-repeat 0 0; }
li.last#step-3 { background: url(../images/step-3-last.gif) no-repeat 0 0; }
li.last#step-4 { background: url(../images/step-4-last.gif) no-repeat 0 0; }
li.last#step-5 { background: url(../images/step-5-last.gif) no-repeat 0 0; }
li.last#step-6 { background: url(../images/step-6-last.gif) no-repeat 0 0; }
li.last#step-7 { background: url(../images/step-7-last.gif) no-repeat 0 0; }

/* --------------------------------------
	
	=basic text style
	
-------------------------------------- */
dl,ul,ol,h1,h2,h3,h4,h5,h6,pre,p,blockquote,table,img {
	margin-bottom: 1.0em;
}

p {
	line-height: 1.4em;
	margin-bottom: 1em;
}

p.note {
	border-top: 1px solid #988837;
	color: #988837;
	font-size: 1.1em;
	font-style: italic;
	padding-top: 2px;
}

div.total {
	border-left: 4px solid #468966;
	margin: 0 0 1em 20px;
	padding: 4px;
}
.total p {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
}

.total p strong {
	font-style: italic;
	font-weight: normal;
}

dl.news {
	color: #fff;
	margin: 40px 24px 0 0;
	text-align: right;
}

dl.news dt {
	color: #FFF0A5;
	font-size: 1.4em;
	font-weight: bold;
}

dl.news dd {
	border-bottom: 1px solid #235C4B;
	font-size: 1.1em;
	font-style: italic;
	margin-bottom: 1em;
	padding-bottom: 3px;
}




#footer p {
	margin: 0;
	font-size: 90%;
	margin-left: 270px;
	text-align: left;
}

#footer p span.amp {
	font-family: Georgia, serif;
	font-size: 120%;
	font-style: italic;
	
}

/* --------------------------------------
	
	=panel
	
-------------------------------------- */
div#panel-commande {
	background-color: #b64926;
	height: auto;
	padding:14px 0;
}

#btn-detail-container {
	height: 21px;
}

a#btn-detail-commande:link, a#btn-detail-commande:visited {	
	background: url(../images/btn-detail.gif) no-repeat 0 0;
	display: block;	
	height: 21px;
	left: 358px;
	position: relative;
	text-indent: -9999px;
	width: 123px;
}

a#btn-detail-commande:hover, a#btn-detail-commande:active {
	background: url(../images/btn-detail-hover.gif) no-repeat 0 0;
}

img#banner {
	margin-bottom: 3.0em;
	margin-top: 21px;
	height: 120px;
	width: 490px;
}


#intro p {
	font-size: 1.4em;
}
#intro p.note {
	border-top: 1px solid #D69761;
	font-size: 1.1em;
	color: #D69761;
}

#flash-vid {
	width: 100%;
	background-color: #ffb03b;
	height: 100px;
	margin-bottom: 2.0em;
}

#faux-col {
	/*background: url(../images/sep_col.gif) repeat-y 50% 0;*/
	width: 100%;
	margin-bottom: 2.0em;
}

#col-left {
	width: 47%;
	float: left;
}

#col-right {
	width: 47%;
	float: right;
	
	
}



/* --------------------------------------
	
	=links
	
-------------------------------------- */

a:link, a:visited {
	color: #468966
}

a:hover, a:active {
	color: #b64926;
}



#forfait-go:link, #forfait-go:visited {
	padding: 0.2em 0 0.2em 25px;
	background: #F6DE98 url(../images/bullet_go.gif) no-repeat 5px 50%;
	font-size: 1.4em;
	color: #B64926;
	display: block;
	border-top: 1px solid #ffb03b;
	border-bottom: 1px solid #ffb03b;
	margin-bottom: 1em;
}

#forfait-go:hover, #forfait-go:active {
	color: #468966;
	background: #F6DE98 url(../images/bullet_go.gif) no-repeat 10px 50%;
	padding-left: 25px;
}

#next-step:link, #next-step:visited {
	clear: both;
	padding: 0.2em 0 0.2em 25px;
	background: #F6DE98 url(../images/bullet_go.gif) no-repeat 5px 50%;
	font-size: 1.4em;
	color: #B64926;
	display: block;
	border-top: 1px solid #ffb03b;
	border-bottom: 1px solid #ffb03b;
	margin-bottom: 1em;
}

#next-step:hover, #next-step:active {
	color: #468966;
	background: #F6DE98 url(../images/bullet_go.gif) no-repeat 10px 50%;
	padding-left: 25px;
}

/* --------------------------------------
	
	=list
	
-------------------------------------- */
ol#summary {
	
	list-style-position: inside;
	list-style-type: decimal;
	margin-bottom: 2em;
	
}

ol#summary li {
	color: #468966;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
}

ol#summary ul li {
	color: #464646;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	
}

ol#summary ul {
	
	margin: 5px 0 1em 0;
}

#panel-commande ol#summary {
	margin: 5px 14px 0 14px;
}
#panel-commande ol#summary li {
	font-size: 1.0em;
	color: #ffb03b;
}

#panel-commande ol#summary ul li {
	
	color: #fff;
}
#panel-commande ol#summary ul {
	margin: 0;
}

ul#warning {
	color: #990000;
	font-size: 1.1em;
}


/* --------------------------------------
	
	=table
	
-------------------------------------- */
table#table-form {
font-size: 1.1em;
	margin-bottom: 2em;
	width: 100%;

}
table#table-form th {
	color: #b64926;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1.6em;
	line-height: 120%;
	text-align: left;
}
table#table-form td {
	padding: 2px 10px 2px 0;
	width: 270px;
}

table#table-form tr.alt {
	background: #fffadf;
}
/* --------------------------------------
	
	=form
	
-------------------------------------- */
form {
	margin: 10px 0 0 0;
}

dl#form-listing dt {
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 2px 0;
	width: 200px;
}

dl#form-listing dd {
	height: 20px;
	line-height: 20px;
	float: right;
	padding: 2px 0;
	width: 290px;
}


dl#form-listing label {
	
	font-size: 1.2em;
	font-weight: bold;
	width: 200px;
}

dl#form-listing input, select {
	margin: 0;

}

input#send {
	margin: 10px 0;
}



/* --------------------------------------
	
	=trick
	
-------------------------------------- */

div.clearer {clear:both; line-height:0.0; height:0;}
div.clear {clear:both; line-height:0.0; height:0; padding:0; margin:0;}


/* self-clearing floats*/
#whatever-goes-here:after
{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}