/***************************************
* reset.
***************************************/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: white;
	color: black;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**/
input[type=hidden] {
	display: none !important;
}

/***************************************
* layout
***************************************/
b{
	font-size: 100%; /*110%*/
}
em{
	/*color: red; */
	font-style:italic;
}
#global{
	background: #fff url(images/bg_global.gif) top repeat-y;
	margin: 0 auto;
	width: 960px;
}
#header{
	background: #f5f5f5 url(images/header_top.gif) top repeat-x;
	height: 140px;
	position:relative;
	z-index:1;
}
#header .logo{
	margin: 0;
	padding-top: 35px;
}
#pageContainer{
	float: left;
	margin-bottom:2em;
	width: 100%;	
}
#pageContent {
	margin-right: 240px; /*Set right margin to RightColumnWidth*/
}
#widgets{
	background:none; /* see #global */
	float: left; 
	margin-bottom:2em;
	margin-left: -240px; 
	width: 240px;
}
#pageContainer{
	min-height:400px;
}
#home #pageContainer{
	min-height:auto;
}
#widgets{
	min-height:160px;
	padding-top:40px;
}
#home #widgets{
	padding-top:22px;
}
#footer{
	clear: left;
	background: #fff url(images/bg_footer.gif) top left repeat-x;
	min-height:190px;
	padding: 4px 0;
	width: 100%;
	border-top:1px solid #e5e5e5; /*f3f3f3*/
}
#footer a{
	color: #333;
}
.container{
	margin: 10px; 
	margin-top: 0;
	font-size:0.9em;
}
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}
html { min-height: 100%; margin-bottom: 1px; }

/***************************************
* je-u v2.
***************************************/
body {  
	background: #fff;  
	/*background: url(images/folder.gif) 0% 600px repeat-x;*/
	
	
	color:#666;
	font-size:  1em;
	line-height:1.35;/*1.4*/
	margin: 0;  
	padding: 0; 
}
body, p, h1, h2, h3, h4, h5, h6, td, th, input, select, textarea, label {
	font-family: Tahoma, Helvetica, Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size : 1em;
	color:#666;
}
input, select, textarea, label {
	/*font-size : 0.9em;
	color:#666;*/
}
a {
	color:#0f9ed2;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p { 
	margin-bottom : 1ex; 
}
.logo a{
	background:url(images/jepargne-utile.png) 0px 0px no-repeat;
	display:block;
	height:61px;
	width:367px;
}
.logo a:hover{
	background-position:0px -61px;
}
.logo span {
	position:absolute;
	left:-1000px;
}
#navt { 
	background:url(images/bg_header_navt.gif) no-repeat;
	bottom:-28px;
	height:56px;
	padding-left:22px;
	position:absolute;
	right:0;
	text-transform:uppercase;
	width:841px; /*863px*/
}
#navt li {
	display:inline;
	line-height:52px;
	/*padding-left:27px;*/ /*42px*/
	/*background:pink;*/
	position:relative;
} 
#navt li a {
	color:#666;
	font-size:1em; /*0.9em*/
	text-decoration:none;
	margin-right:17px;
	margin-top:4px;
}
#navt li a:hover {
	color:#0f9ed2;
}
#navt li.active a {
	/*border-bottom:3px solid #0f9ed2;*/
	color:#0f9ed2;
}
#navt a {
	background-position: 0px 0px; 
	background-repeat:no-repeat;
	display:block; 
	float:left;
	height:45px; 
	line-height:45px;
}
#navt a:hover {background-position: 0px -45px;}
#navt li.active a {background-position: 0px -90px;}
#navt_assurance-vie a { background-image:url(images/navt_assurance-vie.png); width:135px;}
#navt_fcpi a { background-image:url(images/navt_fcpi.png); width:51px;}
#navt_nos-conseils a { background-image:url(images/navt_nos-conseils.png); width:126px;}
#navt_qui-sommes-nous a { background-image:url(images/navt_qui-sommes-nous.png); width:172px;}
#navt_contact a { background-image:url(images/navt_contact.png); width:151px;}
#navt_souscrire a {  background-image:url(images/navt_souscrire.png); width:103px;}

/*#navt a span { visibility:hidden;}*/
#navt a span { /*visibility:hidden;*/left:-2000px;position:relative;}

#pageContent .head { 
	background:#0f9ed2;
	height:62px;
	margin:0 -15px 1em -10px;
	position:relative;
}
#pageContent .container{ 
	margin-right:15px;
}
h1, h2, h3, h4, h5, h6 { font-weight:300;}
h1 {
	color:#83b300;
	font-size:156%; /*170%*/
	margin:1.5ex 0;
}
h1 a,
h1 a:hover {
	color:#83b300;
	cursor:text;
	text-decoration:none;
}
h1 b , h1 strong  {
	font-weight:normal;
}
h2 {
	/*font-weight:150;
	margin:1.5ex 0;
	font-size:115%;*/
}
h2 {
	/*border-bottom:1px solid #999;*/
	font-size:1.2em;
	padding-bottom:6px;
	margin:1.5em 0 6px;
}
.blocContent h2 {
	margin-top:0;
}
h3 { 
	bottom:0;
 	color:#fff;
 	font-size:170%; /*180%*/
	font-weight:300;
	left:0;
	margin-left:10px;
	position:absolute;
	text-transform:uppercase;
}
#navt_n2 {
	bottom:0;
	margin-right:15px;
	position:absolute;
	right:0;
	font-size:0.9em;
}
#navt_n2 li {
	color:#fff;
	display:inline;
}
#navt_n2 li a{
	background:url(images/bg_page_n2_l.gif) 0% 0px no-repeat;
	color:#fff;
	cursor:pointer;
	float:left;
	margin-left:3px;
	padding-left:11px;
	text-decoration:none;
}
#navt_n2 li a span {
	display:block;
	float:left;
	height:27px;
	line-height:27px;	
	background:url( images/bg_page_n2_r.gif) 100% 0px no-repeat;
	padding-right:11px;
}
#navt_n2 li a:hover {
	background-position: 0px -30px;
}
#navt_n2 li a:hover span {
	background-position: 100% -30px;
}
#navt_n2 li.active a {
	background-position: 0% -60px !important;
	color:#0f9ed2;
}
#navt_n2 li.active span {
	background-position: 100% -60px !important;
}
/*Widgets*/
#widgets .container {
	font-size:0.8em;
}
#widgets h4 {
	border-bottom:1px solid #999;
	font-size:1.2em;
	padding-bottom:6px;
	margin-bottom:6px;
}
.widget { 
	margin-bottom:3em; 
	margin-top:1.5em; 
	margin-left: 6px;
	}
/*Footer*/
#footer li { 
	float:left; 
	padding-left:15px;
	width:220px;
}
#footer li li { 
	float:none; 
	padding-left:0;
	width:100%;
}
#footer .rub {
	margin-bottom:3px;
	display:block;
}
#footer a { 
	color:#4d4d4d;
	text-decoration:none;
}
#footer a:hover { 
	color:#333;
	text-decoration:underline;
}
#footer li li a { 
	font-size:0.8em;
	margin:0;
}
.legal { 
	clear:left;  
	font-size:0.8em; 
	padding:1.5em 15px 0 0;
	text-align:right;
}
/*************************************
**  List contenu de page
*************************************/
.page ul.list , ul.list li{ /*list-style-image:url(images/p_verte.gif*/);}
.page ul { margin-left:12px; margin-bottom:1ex;}
.page li{ padding-left:12px; margin-top:2px; background: url(images/p_verte_5.gif) 0 8px no-repeat;}

/*************************************
**  Homepage
*************************************/
#home #global { background:#fff;}
#home #header{ border-bottom:4px solid #0f9ed2; height:138px;} /* vert = #83b300 */
#home #navt { background:url(images/bg_home_navt.gif) no-repeat;bottom:-30px; }
#home #pageContent .head { display:none; }
#home #pageContent {	margin-top:40px; }
#home #pageContent .container { margin-right:5px;/*15px*/}
#home h2 { text-transform: uppercase; margin-top:1em;margin-bottom:1ex; color:#4d4d4d; }
#home .content h2 {margin-top:6px;}
#home h2 span { color:#83b300;}
#home .widget {margin-left:0;}

/*************************************
**  Form tableLess
*************************************/

fieldset {
	border:1px solid #CCC;
	padding:10px;
	margin-top:20px;
}
legend {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;*/
	position : absolute;
	top:20px;
}
label {
	width:142px;
	/*height:25px;*/ /*35px*/
	margin-top:3px;
	margin-right:2px;
	/*padding-top:11px;
	padding-left:6px;
	background-color:#666;*/
	float:left;
	display: block;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;*/
	text-align:right;
}
form input.caseForm { width:20px;}
span.caseForm { /*font-size:0.8em;*/}
.holder {
	background-color:#fff;
}
.div_texbox {
	width:347px;
	float:right;
	/*background-color:#E6E6E6;*/
	/*height:35px;*/
	margin-top:3px;
	/*padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;*/
}
.textbox {
	/*background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;*/
	width:285px;
	/*font:normal 18px Arial;
	color: #999999;*/
	/*padding:3px 5px 3px 19px;*/
}
.textbox:focus, .textbox:hover {
	background-color:#f0f7fa;
}
input.checkbox {width:auto !important;}
.username {
    /*background-image: url(images/16m.png);
    background-repeat: no-repeat;
    background-position:left;*/
	width:285px;
    /*font:normal 18px Arial;
    color: #999999;*/
    /*padding:3px 5px 3px 19px;*/
}
.username:focus, .username:hover {
	background-color:#f0f7fa;
}
.password {
    /*background-image: url(images/16s.png);
    background-repeat: no-repeat;
   	background-position:left;*/
	width:285px;
    /*font:normal 18px Arial;
    color: #999999;*/
    /*padding:3px 5px 3px 19px;*/
}
.password:focus, .password:hover {
	background-color:#f0f7fa;
}
.button_div {
	width:287px;
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
}
.buttons {
	background: #e3e3db;
	font-size:12px; 
	font-weight:bold;
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
}

/**/
.oblig { color:#f41f26; /*font-size:80%; */padding-left:3px;}
.error {
	background:#f5f5f5;
	margin-bottom:6px;
}
.error input,
.error textarea,
.error select { border:1px solid #f41f26;}
.error label { 
	color:#f41f26;
}
.error li {list-style:disc; padding-left:16px;}

.div_textbox  { margin-bottom: 3px;}
.error .div_textbox {
	background-image: url(images/error.png);
	background-attachment: scroll;
	background-position: 99% 50%;
	background-repeat: no-repeat;
	padding-top:10px;
	padding-bottom:10px;
}
.widget .error .div_textbox {
	background-image:none;
}
.error label {
	margin-top:10px;
}
.alert{ 
	border:1px solid #f41f26; 
	background:#f5f5f5; 
	color:#f41f26; 
	margin-bottom:1em; 
	padding:10px 20px; 
	/*font-size:0.9em;*/
}
.widget  .alert {
	padding:5px 10px; 
}
.alert b {
	font-weight:300; 
	/*margin-left:30px;*/
}
.alert ul {margin-top:6px;}
.alert li {list-style:disc; margin-left:32px;}

.error ul { /*margin:0;*/}

/**/
.clearBoth {  
	clear:both; 
	font-size:0px;
	height:0; 
	line-height:0;
}

/***************************************
* widgets
***************************************/
.citation {
	background: url(images/guillemets_vert.gif) top left no-repeat;
	padding-top:1.25em;
	color:#4d4d4d;
	margin: 0 15px;
}
.citation .guillemets { width:35px; float:left;}
.citation .guillemets span { visibility:hidden; }

.widget .legend { font-weight:bold; padding:3px 0;} 
.widget label { text-align:left; float: none;} 
.widget input { width:208px;}
.widget textarea { width:208px; height:3.25em;}

.widget a.bt { background-image: url(images/bt_l_widget.png); margin-top:12px;}
.widget a.bt span { background-image: url(images/bt_r_widget.png);}
.widget .desc {font-size:0.8em;}

/***************************************
* home
***************************************/
#ligne1 {
	position:relative;
	/*height:280px;*/
	/*width:700px;*/
	/*border:1px solid red;*/
}

#bloc1 {						
	/*position: absolute;
	top:0px;
	left:4px;*/
	width:390px;
	/*height:264px;*/
	float:left;
}
#bloc1 .content { 
	position:relative; 
	margin:-7px -3px -13px -3px; 
	min-height:50px; 
	padding:0;
	}

#bloc2 {						
	/*position: absolute;
	top:0px;
	left:408px;*/
	width:300px;
	/*height:264px;*/
	
	float:right;
}

#ligne2{
	position:relative;
	/*height:280px;*/
	/*width:700px;*/
	/*border:1px solid blue;*/
	margin-top:5px;
}

#bloc3{						
	/*position: absolute;
	top:0px;
	left:4px;*/
	width:315px;
	/*height:264px;*/
	padding-top:10px;
	float:left;
}

#bloc4 {						
	/*position: absolute;
	top:0px;
	left:318px;*/
	width:375px;
	/*height:264px;*/

	float:right;
}
/* liens blog */
#bloc3 ul {list-style-image: url(images/p_blog.gif);}
#bloc3 li span { display:block; font-size:0.8em;}
#bloc3 li { margin-left:30px;}

/* ombre blocs  */
.blocContent, .blocContent tbody, .blocContent td.tl, .blocContent td.t, .blocContent td.tr, .blocContent td.r, .blocContent td.br, .blocContent td.b, .blocContent td.bl, .blocContent td.l, .blocContent td.c  {border: medium none ; margin: 0pt; padding: 0pt;}
.blocContent { /*width:100%;*/}
.blocContent {visibility: visible; position: relative; border-collapse: collapse;}
.blocContent tr {height: auto;}
.blocContent td.tl, .blocContent td.t, .blocContent td.tr, .blocContent td.r, .blocContent td.br, .blocContent td.b, .blocContent td.bl, .blocContent td.l {background: url(images/bloc_ombre.gif) repeat scroll; line-height: 0pt; font-size: 0pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 10px; width: 8px;}
.blocContent td.t, .blocContent td.b, .blocContent td.c  { width:auto;}
.blocContent td.tl {background-position: 0px 0px;}
.blocContent td.t {background-position: 0px -20px;}
.blocContent td.tr {background-position: -8px 0px;}
.blocContent td.l {background-position: 0px -40px;}
.blocContent td.c {position: relative; background-image: none; background: #fff; padding:0px;  /*3px 10px 6px*/ }
.blocContent .content { position:relative; padding:0 6px; }
.blocContent td.r {background-position: -8px -40px;}
.blocContent td.bl {background-position: 0px -10px;}
.blocContent td.b {background-position: 0px -30px;}
.blocContent td.br {background-position: -8px -10px;}

.blocContent p { }

/* widgets*/
/* bloc services en page d'accueil */
#w_services li { 
	text-align:right; 
	display:block; 
	/*border-bottom:1px solid #e7e7e7; */
	padding : 10px 0; 
	margin: 0 5px 0 0;
}
#w_services a { 
	text-decoration:none; 
	font-size:120%; 
	display:block; 
	background: 6px 100% no-repeat; 
	line-height:1.1em; 
	height:39px; 
	cursor:pointer;
}
#w_services a:hover { text-decoration:underline; }
#w_services li.azur a { 
	background-image: url(images/widgets/p_azur.gif);
	color:#4696e6; 
}
#w_services li.doc a { 
	background-image: url(images/widgets/p_doc.gif);
	color:#928332; 
}
#w_services li.tel a { 
	background-image: url(images/widgets/p_tel.gif);
	color:#7d8c88; 
}
#w_services li.tel { border:0;}
#w_services .blocContent {width:100%}

/*
#w_services li { 
	text-align:right; 
	display:block; 
	border-bottom:1px solid #e7e7e7; 
	padding : 10px 0; 
	margin: 0 20px;
}
#w_services a { 
	text-decoration:none; 
	font-size:120%; 
	display:block; 
	background: 6px 100% no-repeat; 
	line-height:1.1em; 
	height:39px; 
	cursor:pointer;
}
#w_services a:hover { text-decoration:underline; }
#w_services li.azur a { 
	background-image: url(images/widgets/p_azur.gif);
	color:#4696e6; 
}
#w_services li.doc a { 
	background-image: url(images/widgets/p_doc.gif);
	color:#928332; 
}
#w_services li.tel a { 
	background-image: url(images/widgets/p_tel.gif);
	color:#7d8c88; 
}
#w_services li.tel { border:0;}
#w_services .blocContent {width:100%}
*/

/* bouton graphique +  texte */
#home .widget a.bt,
a.bt { 
	background: url(images/bt_l_bleu.png) 0% 0px no-repeat;
	color:#fff; 
	cursor:pointer;
	display:block; 
	float:left; 
	font-size:90%;
	height:26px;
	margin-bottom:6px;
	padding-left:37px; /*17px*/
	text-decoration:none; 
	white-space:nowrap;
}
#home .widget a.bt span,
a.bt span { 
	background: url(images/bt_r_bleu.png) 100% 0px no-repeat;
	display:block;
	height:26px; 
	line-height:24px; 
	padding-right:47px; /*27px*/
}
a:hover.bt { 
	background-position:0% -26px; 
	color:#fff;
}
a:hover.bt span {
	background-position:100% -26px; 
}
.bt_back{
	background-image: url(images/bt_l_bleu_back.png) !important;
	padding-left:37px !important;
}
.bt_back span{
	background-image: url(images/bt_r_bleu_back.png) !important;
	padding-right:24px !important;
}
.bt_neutre span{
	background-image: url(images/bt_r_neutre_bleu.png) !important;
	padding-right:37px !important;
}
a.bt_voir {
	background: url(images/bt_voir.png) 0% 0px no-repeat;
	color:#fff; 
	cursor:pointer;
	display:block; 
	float:left; 
	font-size:90%;
	height:26px;
	line-height:26px;
	text-align:center;
	text-decoration:none; 
	width:84px;
}
a:hover.bt_voir {
	background-position:0% -26px; 
	cursor:pointer;
}
a.bt_voir_pt {
	background: url(images/bt_voir_pt.png) 0% 0px no-repeat;
	color:#fff; 
	cursor:pointer;
	display:block; 
	font-size:90%;
	height:20px;
	line-height:20px;
	margin-right:6px;
	text-align:center;
	text-decoration:none; 
	width:74px;
}
a:hover.bt_voir_pt {
	background-position:0% -20px; 
	cursor:pointer;
}

.floatLeft { float:left;}
.floatRight { float:right !important;}

/* acces client */
 a#acces-client { 
	background: url(images/bt_l_acces-client.png) 0% 0px no-repeat;
	color:#fff; 
	cursor:pointer;
	display:block; 
	float:left; 
	height:22px;
	margin-bottom:6px;
	padding-left:24px;
	position:absolute;
	right:150px;
	text-decoration:none; 
	top:0px;
	white-space:nowrap;	
}
 a#acces-client span { 
	background: url(images/bt_r_acces-client.png) 100% 0px no-repeat;
	display:block;
	height:22px; 
	line-height:19px; 
	padding-right:24px; /*27px*/
}
 a:hover#acces-client { 
	background-position:0% -22px; 
	color:#fff;
}
 a:hover#acces-client span {
	background-position:100% -22px; 
}
 a#acces-client2 { 
	background: url(images/bt_l_acces-client2.png) 0% 0px no-repeat;
	color:#fff; 
	cursor:pointer;
	display:block; 
	float:left; 
	font-size:90%;
	height:22px;
	margin-bottom:6px;
	padding-left:24px;
	position:absolute;
	right:15px;
	text-decoration:none; 
	top:0px;
	white-space:nowrap;
}
 a#acces-client2 span { 
	background: url(images/bt_r_acces-client2.png) 100% 0px no-repeat;
	display:block;
	height:22px; 
	line-height:19px; 
	padding-right:24px; /*27px*/
}
 a:hover#acces-client2 { 
	background-position:0% -32px; 
	color:#fff;
	height:32px;
}
 a:hover#acces-client2 span {
	background-position:100% -32px; 
	height:32px;
	line-height:32px; 
}
/* SOUSCRIRE etape 2 */

.repartitions { position: relative; background: url(images/etape2_bg.png) 50% 38px no-repeat; }
#onglets a {  
	background:url(images/etape2_onglet.png) 0px -40px no-repeat;
	display:block; 
	float:left; 
	height:38px; 
	line-height:38px; 
	text-align:center;
	width:255px; 
	font-weight:normal;
	color:#fff;
}
#onglets a.active { background-position:0px 0px; font-weight:bold; color:#0f9ed2; }

/*.onglet_actif,
.onglet_inactif {  
	background:url(images/etape2_onglet.png) 0px -40px no-repeat;
	display:block; 
	float:left; 
	font-weight:normal;
	height:38px; 
	line-height:38px; 
	text-align:center;
	width:255px; 
}
.onglet_actif { background-position:0px 0px; font-weight:bold; }*/


#camembert1 , #camembert2, #camembert3 { background: 0px 0px no-repeat; margin:0 auto; }
#camembert1  { background-image:url(images/camembert1_v2.png); }
#camembert2  { background-image:url(images/camembert2_v2.png); }
#camembert3  { background-image:url(images/camembert3_v2.png); }

#td_1, #td_2, #td_3 { text-align:center; padding-bottom:10px;}
.td_on { background: #0f9ed2 url(images/etape2_td.png) center top no-repeat; color:#fff;}
.td_on label { color:#fff;}
.td_off {background:#fff;color:#666;}
.desc_fond { 
	background: #0f9ed2 url(images/etape2_bot_bg.png) center bottom no-repeat;
	color:#fff;
	left:0;
	padding: 6px;
	position:absolute;
	visibility:hidden;
	width:498px;
}

#hiddenBlock {
	background: #0f9ed2 url(images/etape2_bot_bg.png) center bottom no-repeat; 
	color:#fff;
	/*display:none;*/
	padding: 12px 6px;
	width:498px;
}
#hiddenBlock td { color:#fff; padding:3px 6px;}
#hiddenBlock table { margin:0 auto;}
#hiddenBlock thead td { 
	border-bottom:1px solid #fff;
	font-weight:bold;
	margin-bottom:6px;
	padding-bottom:6px;
}
.repartitions .intro { padding:10px; /*font-size:0.9em;*/}

#divlibre  label{ overflow:hidden; width:350px; /*font-size:0.9em;*/}
#divlibre  input{ text-align:right; width:45px; }
#divlibre table { /*width:490px;*/ margin:10px; }

#divlibre {}
#divcleenmain {}

/*etape3*/
.recap input, .recap label { display:inline !important; float:none !important; width:auto !important;}
.recap h4 { margin-bottom:1ex;}


/*Gestion des etapes */
#steps ul { 
	background:url(images/etapes_bg.gif) 0 15px no-repeat;
	height:85px; /*100px*/
	margin:10px 0 0;
	padding: 0 0 0 30px;
}
#steps li { display:inline;}
#steps a { 
	color:#999; 
	display:block; 
	float:left; 
	height:50px; 
	margin-right:30px; 
	text-align:center; 
	width:130px;
}
#steps a:hover { text-decoration:none; cursor:default; }
#steps span { display:block;}
#steps a img { 
	background-position: 0 0; 
	height:32px; 
	width:32px;
}
#etape1 img { background-image:url(images/etape1.gif);}
#etape2 img { background-image:url(images/etape2.gif);}
#etape3 img { background-image:url(images/etape3.gif);}
#steps .active img { background-position: 0 -32px;}
#steps .etape2 { background-position:0  -15px;} 
#steps .etape2 { background-position:0  -85px;} 
#steps .etape3 { background-position:0  -185px;} 

.etape1 #etape1 img { background-position: 0 -32px;} 
.etape2 #etape2 img, .etape2 #etape1 img { background-position: 0 -32px;} 
.etape3 #etape3 img, .etape3 #etape2 img, .etape3 #etape1 img { background-position: 0 -32px;} 

.etape1 #etape1 a , 
.etape1 #etape1 a:hover,
.etape2 #etape1 a, .etape2 #etape2 a, 
.etape2 #etape1 a:hover, .etape2 #etape2 a:hover,
.etape3 #etape1 a, .etape3 #etape2 a, .etape3 #etape3 a, 
.etape3 #etape1 a:hover, .etape3 #etape2 a:hover, .etape3 #etape3 a:hover  { color:#0f9ed2;cursor:pointer;}

.etape1 #etape1 a:hover span,
.etape2 #etape1 a:hover span, .etape2 #etape2 a:hover span,
.etape3 #etape1 a:hover span, .etape3 #etape2 a:hover span, .etape3 #etape3 a:hover span { cursor:pointer; text-decoration:underline;}

/* Forms*/
.form { 
	margin:0 auto;
	width:510px;
}
.form .legend,
.legendTable {
	font-weight:bold;
	padding-bottom:6px;
	border-bottom:1px dotted #999;
	margin: 1em 0 12px;
} 
.form label {
	float: left;
	margin-right:6px;
	text-align:right;
	width:265px;
} 
.form input , .form select { width:208px;}
.form textarea {  
	height:4.25em;
	width:208px;
}
.form  .line { margin-bottom:6px;}
.form .case label,.form .case input {
	float:left;
	min-width:20px;
	width:auto;
}
.form .desc {
	font-size:0.8em;
	margin-top:1em;
}
#civilite {width:auto;}

/**/
.leftTD  { 
	padding-right:10px;
	text-align:right;
}
.recapTable h4 { margin:1em 0 0.5em; }

/* tableaux fonds*/
#my_table tr:hover td, #my_table tr.sfhover td { background-color:#f3fae1;}
table.sortable td  {border-bottom:1px solid #f0f0f0; text-align:center;}
table.sortable th , table.sortable td { padding:3px;}
table.sortable td.nom { text-align:left;}

.MultiBoxContainer { background: url(mootools/shadow.png) 50% 50% no-repeat !important;_background: url(mootools/shadow_ie6.png) 50% 50% no-repeat !important;}
#home .MultiBoxContainer { background-image: url(mootools/shadow_video.png) !important;_background-image: url(mootools/shadow_video_ie6.png) !important;}

#Overlay { background:#fff !important;}

table.sortable tr.label th {border-bottom:1px solid #eee; white-space:nowrap;}

/* tableau design */
.perfTable { margin:1em 0; }
.perfTable .legend td {border-top:1px solid #999; font-size:0.9em;}
.perfTable .legend td.perf { border-top:1px solid #83b300; font-size:1em;}
.perfTable tbody{}
.perfTable td {  padding:6px; text-align:right; vertical-align:middle;}
.perfTable tbody td {  color:#fff;  /*border-top:1px solid #f0f0f0;*/}
tr.odd td { background:#595959; border-bottom:1px solid #666;}
tr.even td { background:#555; border-bottom:1px solid #666;}
tr.sep td { background:#fff; /*border-bottom:1px solid #555;*/ height:6px; font-size:6px; padding:0 !important;}
.plus { color:green}
td.perf { color:#fff; font-size:1.1em;  border-bottom:1px solid #a0cc29 !important;}
tbody td.perf span { margin-right:20px;}
.odd td.perf, thead td.perf { background:#83b300;  border-bottom:1px solid #a0cc29;}
.even td.perf { background:#8cbf00;}
td.fonds {text-align:left; }
.perf_top {background: url(images/tablePref_tl.gif) #83b300 left top no-repeat; padding:0;}
.perf_bot {background: url(images/tablePref_bl.gif) #83b300 left bottom no-repeat; padding:0;}
.perf_top span {background: url(images/tablePref_tr.gif) right top no-repeat; color:#fff;}
.perf_bot span {background: url(images/tablePref_br.gif) right bottom no-repeat;}
tr.top td, tr.bot td { font-size:6px; height:6px; padding:0 !important; }
tr.top span, tr.bot span { display:block;} 
table.center td {text-align:center;}

/*widgets*/
#n_azur { position:relative; height:73px; }
#n_azur div { background: url(images/widgets/numero_azur.png) top left no-repeat; width:212px; height:73px; position:absolute; left:1px; }
#n_azur span { margin-left:-3000px; } 
				
#doc_fcpi { position:relative; height:72px; }
#doc_fcpi a { background: url(images/widgets/documentation_fcpi.png) top left no-repeat; width:212px; height:87px; position:absolute; left:1px; }
#doc_fcpi span { margin-left:-3000px; } 
				
#w_souscrire { position:relative; height:70px; }
#w_souscrire a { background: url(images/widgets/souscrire.png) 0px 0px no-repeat; width:212px; height:70px; position:absolute; left:1px; }
#w_souscrire a:hover { background-position: 0 -70px; }
#w_souscrire span { margin-left:-3000px; } 
				
#doc_isrvie { position:relative; height:72px; }
#doc_isrvie a { background: url(images/widgets/documentation_isrvie.png) top left no-repeat; width:219px; height:72px; position:absolute; left:-6px; }
#doc_isrvie span { margin-left:-3000px; } 


/*Panneau page d'accueil */

a.panneau-accueil {
	width: 330px;
	height: 338px;
	background: url(images/sprite-panneau.png) no-repeat scroll 0pt 0pt transparent;
	display: block;
	margin-top:30px;
	}
	
a.panneau-accueil:hover {
	width: 330px;
	height: 338px;
	background: url(images/sprite-panneau.png) no-repeat scroll -255pt 0pt transparent;
	display: block;
	margin-top:30px;
	}