/* ------- navbar ---------- */ 
#navbar { 
	height:34px;
	background:transparent url(/images/css/base/navbar/back.png) repeat-x; 
	z-index:999999;
}
#navbar .menu { position:absolute; left:10px; top:1px; z-index:1; }
#navbar .menu a{
	display:block; float:left; height:22px;	
	padding:10px 12px 0px 8px;	
	font:normal normal bold 11px Arial ;
	cursor:pointer;
	border-right: 1px solid #e9e9e9;
}
#navbar .menu a.tbb{
	padding:10px 8px 0;
}
#navbar .menu span{
	background:url(/images/css/base/navbar/sep.png) no-repeat right 5px;
	float:left;
	height:24px;
	width:2px;
	margin:2px 8px 0px 5px;
}
#navbar .menu a.logo img{
	margin:-10px 0 0;
	padding:6px 0 0px;
}
#navbar .menu a:hover.logo{
	background:none;
}
#navbar .menu a.on {
	color:#50a3d9;
}
#navbar .menu a:hover{
	background:#f3f3f3;
}
#navbar .login {
	position:absolute; right:10px; top:1px;
	padding:0px 0px 0px 0px;
	z-index:9;
}
#navbar .menu a.profil{
	float:left;
	position:relative;
	padding-right:25px;
	padding-left:15px;
}
#navbar .menu span.profil-arrow{
	width:14px; height:14px;
	background:url(/images/css/base/navbar/arrow.png) no-repeat left top;
	display:block;
	margin:0px;
	position:absolute;
	top:10px;
	right:6px;
}
#navbar .menu .portail{
	background:transparent url(/images/css/base/navbar/conseil-emploi.png) no-repeat scroll 10px center !important;
	height:22px;
	margin:0;
	padding:10px 10px 0 40px;
	width:auto;
}
#navbar .menu .portail .on{
	background:transparent url(/images/css/base/navbar/conseil-emploi-current.png) no-repeat scroll 10px center !important;
}
#navbar .login a{
	padding:10px 8px 2px 8px;
	color:#50a3d9;
	text-decoration:underline;
	font-weight:normal;
}
#navbar .login .compte-logout{
	float:left;
	padding:0px 5px;
}
#navbar .login .compte-logout a{
	display:block;
	font-size:10px;
	padding:0px;
}
#navbar .login a.premium {
	color:#ffae00;
	display:block;
	float:left;
	padding-top:0;
	margin-top:1px;
}

#navbar .profil-menu,#navbar .ads-menu {
	display:none;
	position:absolute; left:223px; top:33px; z-index:1;
	border:1px solid #c9c9c9;
	background:white;
	z-index:9999;
	width:245px;
	border-top:0px;
}
.body_us #navbar .profil-menu{
    left:196px
}
#navbar .ads-menu{
    left: 307px;
}
#navbar .profil-menu a,#navbar .ads-menu a,
#navbar .profil-menu a:hover, #navbar .ads-menu a:hover{
	cursor: pointer;
	background-position:8px center;
	background-repeat:no-repeat;
	padding-left:15px;
	display:block;
}
#navbar .profil-menu a:hover, #navbar .ads-menu a:hover {
	background-color: #F1F1F1;
}
#navbar .profil-menu a span, #navbar .ads-menu span{
	background-position:0px 6px;
	background-repeat:no-repeat;
	display:block;
	font-size:11px;
	padding:5px 15px 4px 25px;
}
#navbar .profil-menu .assoc{
	margin-top:5px;
}
#navbar .profil-menu .assoc .item{
	background-image: url(/images/css/base/navbar/assoc.png);
}
#navbar .profil-menu .assoc .alone{
	background-image: none;
}
#navbar .profil-menu .assoc .first {
	background-image: url(/images/css/base/navbar/assoc-first.png);
}
#navbar .profil-menu .assoc .last {
	background-image: url(/images/css/base/navbar/assoc-last.png);
}
* html #navbar .profil-menu .assoc a.last {
	background-position:8px 0px;
}

#navbar .profil-menu .hr{
	border-bottom:1px solid #979797;
	margin:8px 10px 0px 5px;
}
#navbar .profil-menu .profil-close a,#navbar .ads-menu .ads-close a{
	display:block;
	width:245px;
	height:25px;
	padding:0px;
	background:transparent url(/images/css/base/navbar/profil-close.png) no-repeat left bottom;
}
#navbar .profil-menu .profil-close a:hover,#navbar .ads-menu .ads-close a:hover{
	background:transparent url(/images/css/base/navbar/profil-close-over.png) no-repeat left bottom;
}

#navbar .profil-menu a.add,
#navbar .profil-menu a.profil,
#navbar .profil-menu a.shop,
#navbar .profil-menu a.cart,
#navbar .profil-menu a:hover.add,
#navbar .profil-menu a:hover.profil,
#navbar .profil-menu a:hover.shop,
#navbar .profil-menu a:hover.cart {
	color:#50A3D9;
	text-decoration:underline;
	font-size:11px;
	padding-left:28px;
	margin-top:5px;
	font-weight:bold;
}
#navbar .profil-menu a.add{
	background-image:url(/images/css/base/navbar/add.png);
	padding-bottom:3px;
	
}
#navbar .profil-menu a.profil{
	background-image: url(/images/css/base/navbar/profil.png);
	padding-top:1px;
}

#navbar .profil-menu a.cart{
	background-image: url(/images/css/base/navbar/cart.gif);
	padding-top:1px;
}

#navbar .profil-menu a.shop{
	background-image: url(/images/css/base/navbar/shop.png);
	padding-top:1px;
}



/* ------- navbar-unlogged ---------- */ 
#navbar .unlogged{
	float:right;
	padding-top:7px;
	margin-right:15px;
}
#navbar .unlogged a{
	color:#50a3d9;
}
#navbar .unlogged a.pass{
	text-decoration:underline;
	font-size:11px;
	color:#c1c1c1;
}
#navbar .unlogged a.save{
	font-size:11px;
	color:#c1c1c1;
	}
#navbar .unlogged a.eml,
#navbar .unlogged a.mdp{
	cursor:default;
	font-size:11px;
}
#navbar .unlogged a.premium{
	margin-left:15px;
	color:#ffae00;
	text-decoration:underline;
}
#navbar .unlogged input{
	border:1px solid #cccccc;
	font:normal normal normal 11px Arial;
	margin-right:3px;
}
#navbar .unlogged input.remember{
	margin-right:3px;
	margin-left:10px;
	position:relative;
	top:2px;
	cursor:pointer;
	border:none;
}
#navbar .unlogged .submit{
	background:url(/images/css/base/navbar/ok-log.png);
	border:none;
	width:39px;
	height:18px;
	cursor:pointer;
	margin:0px 10px;
}

/* ------- popup-premium ---------- */ 

#popup-premium{
	position:absolute; 
	top:21px; 
	right:84px; 
	z-index:299999;
	width:418px;
	height:274px;
	display:none;
	padding-top:5px;
}
#popup-premium.fr{
	background:url(/images/css/general/premium/bg_fr.png) no-repeat left bottom;
}
#popup-premium.us{
	background:url(/images/css/general/premium/bg_us.png) no-repeat left bottom;
}
#popup-premium.fr a.bt-order{
	background:url(/images/css/general/premium/bg-bt_fr.png) no-repeat right 183px;
	display:block;
	height:215px;
	position:absolute;
	right:15px;
	top:61px;
	width:388px;
}
#popup-premium.fr a:hover.bt-order{
	text-decoration:none;
}
#popup-premium.us a.bt-order{
	background:url(/images/css/general/premium/bg-bt_us.png) right 183px no-repeat;
	display:block;
	height:215px;
	position:absolute;
	right:15px;
	top:61px;
	width:388px;
}
#popup-premium.us a:hover.bt-order{
	text-decoration:none;
}

#popup-premium a.close{
	position:absolute; top:31px; right:7px;
	font:normal normal normal 11px Arial; color:#c5c5c5;
	background:url(/images/css/general/premium/close-hover.png) right top no-repeat;
	display:block;
	width:53px;
	height:18px;
	padding-top:2px;
}
#popup-premium a:hover.close{
	background:url(/images/css/general/premium/close.png) right top no-repeat;
	text-decoration:underline;
}


/* ------- help ---------- */

a#help-opener{
	display:block;
	padding:3px 15px 15px 8px;
	position:absolute;
	right:222px;
	top:1px;
	font:normal normal normal 12px Arial;
	color:#50a3d9;
	text-decoration:underline;
	cursor:pointer;
}
a#help-opener.opened{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#ffffff;
}
#help-opener span{
	background:transparent url(/images/css/base/navbar/arrow.png) no-repeat scroll left top;
	display:block;
	height:14px;
	margin:0;
	position:absolute;
	right:0px;
	top:5px;
	width:14px;
}
#help{
	background:#ffffff;
	width:650px;
	height:530px;
	position:absolute;
	z-index:9999999;
	right:222px;
	top:34px;
	border:1px solid #cccccc;
	border-top:none;
	overflow:hidden;
}
#help a.close{
	background:transparent url(/images/css/base/help/bg-close.png) no-repeat scroll left top;
	position:absolute;
	bottom:0px;
	left:0px;
	width:650px;
	height:18px;
	cursor:pointer;
}
#help .panel{
	height:504px;
	width:210px;
	background:url(/images/css/base/help/bg-panel.png) no-repeat left top;
	margin:5px;
	overflow:hidden;
	margin-left:5px;
	float:left;
}
#help .panel h2{
	background:#d7d7d7;
	font:normal normal bold 18px Arial;
	color:#50a3d9;
	padding:5px;
	width:191px;
	margin-bottom:10px
}
#help .panel h2 input{
	float:left;
	margin:0 3px 0 0;
}
#help .panel h2 label{
	float:left;
	font:normal normal normal 11px Arial;
	color:#515253;
}
#help .panel h2 span{
	font:normal normal normal 11px Arial;
	color:#515253;
}
#help .panel ul{
	padding:0 15px 0px 5px;
	height:460px;
	overflow-y:auto;
	width:205px;
}
#help .panel ul li{
	font:normal normal bold 11px Arial;
	color:#50a3d9;
	padding-left:10px;
	background:url(/images/css/base/help/arrow.png) no-repeat left 4px;
	cursor:pointer;
	margin:5px 0;
}
#help .panel ul li ul{
	padding:0px 0px 0px 0px;
	display:none;
	height:auto;
	width:183px;
}
#help .panel ul li ul li a{
	font:normal normal normal 11px Arial;
	color:#515253;
}
#help .panel ul li ul li.selected a{
	color:#FF8400;
}
#help .panel ul li ul li a:hover{
	text-decoration:underline;
}
#help .panel ul li ul li.selected a:hover{
	text-decoration:none;
}
#help .content{
	overflow-x:hidden;
	overflow-y:auto;
	height:510px;
}
#help .content div{
	
}
#help .content h2{
	color:#FF8400;
	font:normal normal bold 18px arial;
	padding:10px 20px 10px 10px
}
#help .content p{
	padding:0px 20px 10px 10px
}


/*--------------parrainage-------------------*/

#parrain{
	float:left;
	margin-right:0px;
	background:url(/images/css/base/parrain/bg-panel.png) repeat-y left top;
	position:relative;
	width:310px;
	z-index:999999999;
	margin-top:0px;
	padding:1px 0px 0px 0px;
}
#parrain.stpage{
	background:url(/images/css/base/parrain/bg-panel-stpage.png) repeat-y left top;;
	width:291px;
	margin:60px 0 0 16px;
	padding:5px 10px 0px 10px;
	margin-left:12px;
	margin-bottom:13px;
	z-index:1;
}
#parrain .bottom{
	background:#ffffff url(/images/css/base/parrain/bg-panel-bottom.png) no-repeat left top;
	height:7px;
	width:310px;
	font-size:0px;
}
#parrain.stpage .bottom{
	background:url(/images/css/base/parrain/bg-panel-bottom-stpage.png) no-repeat left top;
	margin-left:-10px;
}
#parrain.stpage .top{
	height:51px;
	left:0;
	position:absolute;
	top:-51px;
	width:311px;
}
#parrain.stpage #top_sponsorship{
	background:url(/images/css/base/parrain/bg-panel-top-stpage-sponsorship.png) no-repeat left top;
}
#parrain.stpage #top_premium{
	background:url(/images/css/base/parrain/bg-panel-top-stpage-premium.png) no-repeat left top;
}
#parrain a.opener{
	width:297px;
	height:14px;
	padding:4px 0 0 13px;
	font:normal normal normal 11px Arial !important;
	color:#4c4c4c !important;
	text-decoration:none !important;
	cursor:pointer;
	background:url(/images/css/base/parrain/arrow.png) no-repeat 291px -11px;
	display:block;
}
#parrain a.opener span{
	font-weight:bold;
	color:#e42000;
}
#parrain span.parrain-red{
	font-weight:bold;
	color:#e42000;
}
#parrain #parrain-view{
	display:none;
	padding:15px 15px 5px 15px;
}
#parrain.stpage #parrain-view{
	display:block;
	padding:5px;
}
#parrain.stpage .UPPER{
	color:#ffffff;
	text-align:right;
	margin-right:20px;
	font-size:11px;
	margin-bottom:10px;
	margin-top:-6px;
}
#parrain.stpage .UPPER span{
	color:#ffffff;
	display:block;
	font-size:17px;
}
#parrain .info{
	margin-left:-12px;
	width:304px;
}
* html #parrain .info{
	position:absolute;
	margin-left:0px;
	top:25px;
	left:3px;

}
* +html #parrain .info{
	position:absolute;
	margin-left:0px;
	top:25px;
	left:3px;

}
#parrain.stpage .info{
	margin-left:-9px;
	width:297px;
}
* html #parrain.stpage .info{
	margin-left:0px;
	left:6px;
	top:40px;
}
* +html #parrain.stpage .info{
	margin-left:0px;
	left:6px;
	top:40px;
}
#parrain .info.info1{
	background:url(/images/css/base/parrain/info1.png) no-repeat left top;
}
#parrain.stpage .info.info1{
	background:url(/images/css/base/parrain/info1-stpage.png) no-repeat left top;
}
#parrain .info.info2{
	background:url(/images/css/base/parrain/info2.png) no-repeat left top;
}
#parrain.stpage .info.info2{
	background:url(/images/css/base/parrain/info2-stpage.png) no-repeat left top;
}
#parrain .info ul{
	padding:37px 10px 3px 40px;
}
#parrain.stpage .info ul{
	padding-top:34px;
}
#parrain .info ul li{
	font:normal normal normal 11px Arial;
	padding-bottom:8px;
}
#parrain.stpage .info ul li{
	padding-bottom:5px;
	color:#c3c3c3;
}
#parrain .info a{
	float:right;
	margin:-18px 12px 15px 0;
	font-size:10px;
	text-decoration:underline;
}
#parrain.stpage .info a{
	color:#d0d0d0;
	margin-top:1px;
}
#parrain h3.send-title{
	color:#F17304;
	height:17px;
	width:266px;
	font:normal normal bold 13px Arial;
}
* html #parrain h3.send-title{
	padding-top:130px;
}
* +html #parrain h3.send-title{
	padding-top:130px;
}
#parrain.stpage h3.send-title{
	font:normal normal bold 13px Arial;
	color:#ffffff;
}
#parrain h4{
	color:#5e5e5e;
	font:normal normal normal 10px Arial;
	text-decoration:none;
	padding-bottom:5px;
	padding-top:5px
}
#parrain.stpage h4{
	color:#303030;
}
#parrain a.mailbox{
	display:block;
	float:left;
	width:50px;
	height:35px;
	cursor:pointer;
	padding:0px;
}
#parrain form{
	margin-left:-10px;
	width:300px;
}
* html #parrain form{
	margin-left:-20px;
	padding-left:0px;
}
#parrain form .item-mail{
	position:relative;
	float:left;
	margin:0 0 5px 10px;
	width:135px;
	height:29px;
}
* html #parrain form .item-mail{
	overflow:hidden;
	height:32px;
}
#parrain form input{	
	font:normal normal normal 11px Arial;
	color:#8d8d8d;
	padding:2px 24px 0px 5px;
	width:110px;
	background:white;
	border:1px solid #cccccc;
	height:17px;
}
#parrain.stpage form input{
	width:105px;
}
#parrain form span.valid{
	background:url(/images/css/base/icon/check.png) no-repeat right center;
	display:block;
	height:22px;
	position:absolute;
	width:22px;
	top:-1px;
	right:-2px;

}
#parrain form span.error{
	background:url(/images/css/base/icon/error.png) no-repeat right center;
	display:block;
	height:22px;
	position:absolute;
	width:22px;
	top:-1px;
	right:-2px;
}
#parrain.stpage form span.error{
	border:none;
	margin:0px;
	padding:0px;
}
#parrain form span.email_error{
	color:#C00000;
	font-size:10px;
	display:block;
	position:absolute;
	top:20px;
	left:0px;
	height:10px;
	width:140px;
	text-align:right;
}

#parrain a.submit{
	background:url(/images/css/base/parrain/submit.png) no-repeat left top;
	cursor:pointer;
	display:block;
	float:right;
	height:24px;
	margin-bottom:10px;
	margin-right:6px;
	padding:0;
	width:167px;
}
#parrain #panel1-opener,
#parrain #panel2-opener{
	font:normal normal bold 15px Arial;
	background:url(/images/css/base/parrain/arrow.png) no-repeat right -11px;
	color:#6b6b6b;
	border-top:1px solid #acacac;
	margin:0px 0px 5px -12px;
	padding:2px 0px 0px 10px;
	width:294px;
	cursor:pointer;
}
#parrain.stpage #panel1-opener,
#parrain.stpage #panel2-opener{
	background:url(/images/css/base/parrain/arrow-stpage.png) no-repeat right -11px;
	color:#4f4f4f;
	margin-left:-9px;
	width:287px;
}
#parrain #panel1,
#parrain #panel2{
	display:none;
}
#parrain #panel1 .green span,
#parrain #panel1 .orange span,
#parrain #panel1 .red span{
	background:url(/images/css/base/parrain/arrow.png) no-repeat left -10px;
	display:block;
	width:10px;
	height:16px;
	position:absolute;
	top:0px;
	right:20px;
}
#parrain.stpage #panel1 .green span,
#parrain.stpage #panel1 .orange span,
#parrain.stpage #panel1 .red span{
	background-image:url(/images/css/base/parrain/arrow-stpage.png);
}
#parrain #panel1 .green,
#parrain #panel1 .orange,
#parrain #panel1 .red{
	font:normal normal bold 11px Arial;
	padding-left:23px;
	margin-top:5px;
	border-bottom:1px solid #ACACAC;
	cursor:pointer;
	position:relative;
}
#parrain #panel1 .green{
	color:#18ad18;
	background:url(/images/css/base/icon/check.png) no-repeat left top;
}
#parrain.stpage #panel1 .green{
	color:#48d248;
}
#parrain #panel1 .orange{
	color:#ff9000;
	background:url(/images/css/base/parrain/orange.png) no-repeat left 4px;
}
#parrain.stpage #panel1 .orange{
	color:#ffab3d;
	display:block;
}
#parrain #panel1 .red{
	color:#d91a01;
	background:url(/images/css/base/parrain/red.png) no-repeat left 4px;
}
#parrain.stpage #panel1 .red{
	color:#8e1b0b;
}
#parrain #panel1 .send-view{
	width:255px;
	margin-left:23px;
	display:none;
	padding-top:5px;
}

#parrain #panel1 span{
	float:left;
	display:block;
	width:140px;
	overflow:hidden;
}
#parrain #panel1 span.sent{
	width:220px;
}
#parrain.stpage #panel1 span{
	font-size:11px;
	color:#e1e1e1;
}
#parrain #panel1 a{
	float:right;
	margin-right:5px;
	padding: 0px;
}
#parrain.stpage #panel1 a{
	font-size:10px;
	text-decoration:underline;
	color:#4c4c4c;
}
#parrain #panel1 a.link{
	margin:20px 0px 10px 0px;
	font-size:11px;
}
#parrain_email_send {
	color:green;
	font-size:11px;
	margin-bottom:10px;
	text-align:right;
}
#parrain #inner h3{
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}
#adressefile{
	overflow:auto;
	border:1px solid #cccccc;
	margin-bottom:5px;
	position:relative;
}
* html #adressefile{

}