@charset "utf-8";
/* CSS Document */

/* Content  ---------------------------------------------------------------*/

* { margin: 0px; padding: 0px; }
img {border: 0;}
a { text-decoration: none; color: #669966 }
a:hover { text-decoration: none; color: #999999 }
.clear { clear: both; height: 0px }
.left {float: left}
.right {float: right}
.tinySpacer { height:2px}
.bigSpacer{ margin-bottom: 35px}
.spacer{ margin-bottom: 20px}
.smallSpacer{ margin-bottom: 10px}
.bold { font-weight:bold}
.smallPadBox {
	_height: 15px;
	min-height: 15px;
	padding: 5px;
}

.borderBottom  {
	border-bottom: 1px dotted;
	_height: 1px;
	margin-bottom: 3px}

h1 {font-size: 18px; font-weight:bold;}
.pink {color:#970d5a}
.smF {font-size: 11px;}

.grey {color:#666}
.it { font-style:italic}

.black {color:#000000}

body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px}

#rootContent {
	position: relative;
	width: 980px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;}	

#logo  {
	position: absolute;
	width: 118px;
	height: 84px;
	left: 20px;
    top: -10px;}

#top {
	height: 40px; margin-top: 30px;
	background: url(pics/logo-17.gif) bottom right no-repeat

}

#content {
	float: left;
	width: 700px;}
	
#contentTop {
	height: 36px;
	background: url(pics/contentTop.gif) no-repeat top}	
	
#contentIn {
	min-height: 460px;
	_height: 460px !important;
	border-left: 1px #c1c1c1 solid;
	background-color: #FFF;
	border-right: 1px #c1c1c1 solid;
	padding:20px 36px 0px 36px;}
	
.BGSteps {background: url(pics/fr/stepsBG.jpg) no-repeat; min-height: 468px; _height: 460px !important;}
.BGFeli {background: url(pics/felicitaBG.jpg) no-repeat;}
.StepsIn { padding-left: 150px;}
.puce { float: left; width: 44px}
.txtSteps{ float: left; width: 430px}
	
.txt  {
	padding-top: 20px;
	float: left;
	width: 290px;
	margin-right: 20px}
	
#contentBottom {
	height: 36px;
	background: url(pics/contentBottom.gif) no-repeat bottom}	
	
#right {
	float: right;
	width: 258px;
	margin-left: 22px;}

.rightIn {
	border-left: 1px #c1c1c1 solid;
	background-color: #FFF;
	border-right: 1px #c1c1c1 solid;
	padding:16px 18px 0px 18px;
	font-size: 11px; color:#666666}
	
.rightIn ul { line-height:16px; margin-left: 12px}
.rightIn li {list-style-image:url(pics/puce.png); line-height: 14px}

	
.rightTop {
	height: 22px;
	background: url(pics/titleRight.png) no-repeat top;
	font-weight:bold;
	padding: 8px 0px 0px 16px }	
	
.rightTop a { color:#FFFFFF; }	
.rightTop a:hover { color:#ccc; background: url(pics/rightArrow.png) no-repeat left; padding-left: 10px }	
		
.rightBottom {
	height: 18px;
	background: url(pics/rightBottom.gif) no-repeat bottom}
	
.temPic { float: left; width:194px} 
.temTxt { float: left; width:370px}
	
/* Footer  ---------------------------------------------------------------*/
#footer {
	height: 28px;
	font-size: 11px;
	text-align: center;
	padding-top: 14px;
	margin: 18px 0px 5px 0px;
	color: #999999;
	background-color: #F4F4F4}
	
#footer a {color: #8694a1}
#footer a:hover {color: #C1C1C1}

/* Home  ---------------------------------------------------------------*/

.news {background:url(pics/tempNewsBGHome.jpg) repeat-x}

#newsBox {
	height:28px;
	color: #FFFFFF;
	margin-bottom: 14px;
	font-size: 11px}
	
#newsWire {
	float: left;
	padding: 7px; 
	width: 840px;}

#newsRight{ 
	float: right;
	width: 110px;
	height: 14px;
	padding: 7px;
	background-color: #42494A;
	border-left : 1px solid #CE5D9C;
	border-right : 1px solid #CE5D9C;
	text-align: center}
	
#homeContent{
	background:url(pics/bigBG.jpg) no-repeat center top;}
	
#subscribe{
	float: left;
	width: 226px;
	margin: 155px 0px 0px 104px}

#login{
	float: right;
	width: 610px;
	height:430px;
	margin: 15px 0px 0px;  }

#login input {
	border: 1px solid #CCCCCC;
	padding: 2px; 
	color:#999999; font-size: 12px }

#login a {	color:#999999;}
#login a:hover { text-decoration:underline}

#why { 
	float: left;
	width: 410px;
	background: url(pics/deco.png) right no-repeat;
	padding-left: 50px}
	
#howItWorks { 
	float: left;
	width: 430px;
	padding-left: 60px;}
	
.howTxt  { 
	float: left;
	width: 215px;
	margin-left: 30px;
	color: #666666}

#pw	{	
	margin :35px 20px 0px 170px;
	width: 460px }
	
/* FAQ  ---------------------------------------------------------------*/

ol { margin:  10px 0px 30px 57px  }
li { margin-bottom: 5px  }
li a { color:#000000  }
li a:hover { color: #669966  }

.backTop  { 
	text-align: right; 
	font-size:11px; 
	margin: 6px 0px 10px 0px;  }

.backTop a { color: #669966   }