/* Reset ------------------------------------------------------------*/

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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


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

body{
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:68%;
}
li{
	list-style-type:none;
	padding:0px 0 5px 23px;
	font-weight:bold;
	margin:5px 0;
	background:url(imgs/puce1.gif) no-repeat 0 0;
}
h2#abo1{
	display:block;
	width:198px;
	height:33px;
	background:url(imgs/txt1.gif) no-repeat 0 0;
	text-indent:-5000px;
	margin-bottom:8px;
}
h2#abo2{
	display:block;
	width:198px;
	height:35px;
	background:url(imgs/txt2.gif) no-repeat 0 0;
	text-indent:-5000px;
	margin-bottom:8px;
}
#general{
	color:#fff;
	width:941px;
	margin:0 auto 20px auto;
	padding:9px 10px 25px 9px;
	position:relative;
	overflow:visible;
	background:#84b818 url(imgs/bg1.gif) repeat-y -960px 0;
}
#general:after{
	display:block;
	content:"";
	clear:both;
}
#logo a{
	display:block;
	width:221px;
	height:281px;
	background:#fff url(imgs/logo.gif) no-repeat 0 0;
	text-indent:-5000px;
}
#anim{
	position:absolute;
	z-index:2;
	top:0px;
	left:230px;
	width:475px;
	height:192px;
	background:#fff url(imgs/bg1.gif) no-repeat -1920px bottom;
}
#top{
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:9px;
	z-index:1;
	font-size:1px;
	background:#fff url(imgs/bg1.gif) no-repeat 0 0;
}
#bottom{
	position:absolute;
	bottom:0px;
	left:0px;
	width:960px;
	height:25px;
	z-index:4;
	font-size:1px;
	background:#fff url(imgs/bg2.gif) no-repeat 0 0;
}
#col_g{
	float:left;
	width:241px;
}
#col_c{
	position:absolute;
	z-index:5;
	left:250px;
	bottom:0;
	width:464px;
	height:403px;
	background:url(imgs/ecran.gif) no-repeat 0 0;
}
#col_d{
	position:relative;
	z-index:6;
	margin-right:33px;
	_display:inline;
	float:right;
	width:198px;
	padding:30px 7px 0 8px;
	margin-bottom:210px;
	background:#007756 url(imgs/bg1.gif) repeat-y -2394px 0;
}

#ecran{
	position:absolute;
	left:20px;
	top:10px;
}
#invit{
	position:absolute;
	right:0;
	padding:10px 58px 63px 15px;
	bottom:25px;
	width:182px;
	color:#000;
	overflow:visible;
	background:url(imgs/bg3.gif) no-repeat left bottom;
}
#invit strong{
	font-weight:bold;
	font-size:1.2em;
}
#txt1{
	padding:0 0 22px 30px;
}
#txt2{
	padding:0 7px 15px 6px;
	background:url(imgs/bg3.gif) no-repeat -255px bottom;
}
#txt2 a{
	color:#fff;
	font-weight:bold;
}
#txt2 dt{
	color:#84b819;
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	background:url(imgs/puce2.gif) no-repeat 0 0;
}
#txt2 dt.first{
	background:transparent;
}
#txt2 dd{
	padding-left:20px;
	padding-right:8px;
	margin-bottom:18px;
	line-height:1.2em;
}


/*variantes*/
.conseil #col_d{
	margin-bottom:115px;
}
.conseil #invit{
	padding-bottom:40px;
}
.conseil #txt2{
	background:url(imgs/bg4.gif) no-repeat 0 bottom;
}
.conseil #txt2 dt, 
.finance #txt2 dt,
.exabonnes #txt2 dt{
	font-size:12px;
}
.conseil #txt2 dd, 
.finance #txt2 dd{
	margin-bottom:5px;
}
.exabonnes #txt2 dd{
	margin-bottom:10px;
}
.conseil #col_d, 
.finance #col_d,
.exabonnes #col_d{
	padding-top:16px;
}
#offre_conseil{
	background:#0a9b71 url(imgs/bg5.gif) repeat-x 0 0;
}
#offre_conseil .btm{
	padding:0 8px;
	background: url(imgs/bg6.gif) no-repeat 0 bottom;
}
#offre_finance{
	background:#0a9b71 url(imgs/bg8.gif) repeat-x 0 0;
}
#offre_finance .btm{
	padding:0 8px;
	background: url(imgs/bg7.gif) no-repeat 0 bottom;
}
#offre_finance span{
	text-indent:-5000px;
	display:block;
	width:99px;
	height:14px;
	margin:15px 0 9px 0;
	background: url(imgs/txt3.gif) no-repeat left top;
}
#offre_finance td{
	vertical-align:top;
}
#lien_hs{
	text-indent:-5000px;
	display:block;
	width:91px;
	height:117px;
	background: url(imgs/hs.jpg) no-repeat left top;
}
#lien_hs:hover{
	background-position:left bottom;
}
#lien_dico1{
	text-indent:-5000px;
	display:block;
	width:91px;
	height:117px;
	background: url(imgs/dico1.jpg) no-repeat left top;
}
#lien_dico2{
	text-indent:-5000px;
	display:block;
	width:91px;
	height:112px;
	background: url(imgs/dico2.jpg) no-repeat left top;
}
#offre_hs, #offre_dico1{
	margin-top:5px;
	margin-bottom:5px;
	text-indent:-5000px;
	display:block;
	width:86px;
	height:60px;
	background: url(imgs/prix2.gif) no-repeat left top;
}
#offre_dico2{
	margin-top:5px;
	margin-bottom:5px;
	text-indent:-5000px;
	display:block;
	width:91px;
	height:60px;
	background: url(imgs/prix4.gif) no-repeat left top;
}
#lien_dico1:hover, #lien_dico2:hover, #offre_hs:hover, #offre_dico1:hover,#offre_dico2:hover, #offre_base:hover, #offre_ex:hover{
	background-position:left bottom;
}
#offre_dico1{
	margin-left:8px;
}
#offre_base{
	margin-top:5px;
	margin-bottom:5px;
	text-indent:-5000px;
	display:block;
	width:182px;
	height:49px;
	background: url(imgs/prix3.gif) no-repeat left top;
}
#offre_ex{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	text-indent:-5000px;
	display:block;
	width:175px;
	height:96px;
	background: url(imgs/prix5.gif) no-repeat left top;
}
.finance #col_d{
	margin-bottom:150px;
}
.finance #invit{
	padding-bottom:35px;
}
.finance #txt2{
	background-image:none;
	padding-bottom:4px;
}

.exabonnes{
	
}
.exabonnes #col_d{
	margin-bottom:150px;
}
.exabonnes #invit{
	padding-bottom:35px;
}
.exabonnes #txt2 p{
	text-align:center;
}

/*----*/



#btn1{
	display:block;
	text-indent:-5000px;
	width:180px;
	height:21px;
	margin-top:20px;
	background:#007757 url(imgs/btn1.gif) no-repeat 0 0;
}#btn1:hover{background-position:0 bottom;}
#btn2{
	display:block;
	position:relative;
	z-index:30;
	text-indent:-5000px;
	width:107px;
	height:21px;
	margin:0 auto;
	background:#007757 url(imgs/btn1.gif) no-repeat -180px 0;
}#btn2:hover{background-position:-180px bottom;}
.cado{
	text-decoration:none;
	color:#007756;
	font-size:1em;
	line-height:1.3em;
}
.cado img{
	float:left;
}
.cado strong{
	display:block;
}
#cado1 strong{
	padding-top:15px;
}

#footer{
	position:absolute;
	left:10px;
	bottom:5px;
	color:#007757;
	z-index:10;
	font-size:10px;
}
#footer a{
	text-transform:uppercase;
	text-decoration:none;
	color:#007757;
}
#prix{
	position:absolute;
	width:92px;
	height:92px;
	background:url(imgs/prix1.gif) no-repeat 0 0;
	left:-47px;
	bottom:-33px;
	_bottom:-34px;
	z-index:11;
	text-indent:-5000px;
}