@charset "UTF-8";
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, img, ins, kbd, q, s, samp,
small, strike, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;}

body{
	line-height:1;}

ol, ul{
	list-style:none;}

blockquote, q{
	quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;}

table{
	border-collapse:collapse;
	border-spacing:0;}

/* style */
.container{
	width:1024px;
	margin:0 auto;}

.clear{
	clear:both;}

body{
	background:url(/jakarta.faces.resource/bnp2/img/bg.jpg) repeat scroll 0 0 #d5d5d5;
	font-family:"Helvetica Neue", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	color:#7b7b7b;
	margin:0;}

.btn-blue, .btn-pink, .btn-green{
	border-radius:2px;
	display:inline-block;
	color:#FFF;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	line-height:100%;
	text-decoration:none;}

.btn-green{
	box-shadow:0px 3px 0px 0px #6e9100;
	background-color:#93bd0e;
}
.btn-green:hover{
	background-color:#7aa100;
}
.btn-green:active{
	background-color:#6e9100;
}

.btn-blue{
	background-color:#00b3ca;
	box-shadow:0px 3px 0px 0px #0290a6;}

.btn-blue:hover{
	background-color:#00cee8;}

.btn-blue:active{
	background-color:#00a5ba;}

.btn-pink{
	background-color:#c5006a;
	box-shadow:0px 3px 0px 0px #9c0053;
}

.btn-pink:hover{
	background-color:#db0076;
}

.btn-pink:active{
	background-color:#a30058;
}

header .top-bar{
	background:url(/jakarta.faces.resource/bnp2/img/bg-top.png);
	width:100%;
	height:50px;}
header .top-bar .logo{
	background:url(/jakarta.faces.resource/bnp2/img/logo.png);
	width:537px;
	height:50px;}
header .slider{
	background:url(/jakarta.faces.resource/bnp2/img/slider.png);
	width:1024px;
	height:257px;
	margin:20px auto;}
header .nav{
	background:#00866e;
	padding:20px;
	width:984px;
	margin:auto;
}
header .nav ul{
	display:inline-block;}
header .nav ul li{
	display:inline-block;
	border-right:1px solid #5fafa1;
	margin-right:20px;
	padding-right:30px;
	vertical-align:middle;}
header .nav a{
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:700;}

header .nav .i-home{
	background:url(/jakarta.faces.resource/bnp2/img/i-home.png);
	display:block;
	width:13px;
	height:18px;}
header .nav .btn-green{
	float:right;
	font-size:14px;
	padding:12px 15px 8px 15px;
	margin-top:-10px;}
header .nav .btn-green:before{
	content:'';
	background:url(/jakarta.faces.resource/bnp2/img/i-hand-green.png);
	width:22px;
	height:19px;
	display:inline-block;
	margin-right:12px;
	vertical-align:middle;}

footer{
	text-align:center;
	font-size:12px;
	font-weight:700;
	color:#000;
	padding:3px 0;}
	
footer ul li{
	display:inline-block;
	padding-right:20px;
	margin-right:15px;
	border-right:1px solid #d5d5d5;}
footer a {
	color:#00866e;
	text-decoration:none;}

.content{
	background:white;
	padding:30px;
	margin-top:20px;}
.content .page-about{
	border-bottom:1px solid #d6d6d6;
	padding-bottom:20px;}
.content .page-about h1 {
	font-size:14px;
	font-family:"BNPP Sans";
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:8px;}
.content .page-about p{
	color:#7b7b7b;
	font-size:12px;}
.content .layout{
	padding:40px 0 30px 0;
	text-align:center;}
.content .bloc{
	background:#f4f4f4;
	border:1px solid #d6d6d6;
	width:330px;
	display:inline-block;
	padding:20px;
	vertical-align:top;
	text-align:left;}
.content .bloc p{
	color:#7b7b7b;
	font-size:13px;
	line-height:20px;}
.content .bloc h1{
	font-size:14px;
	font-family:"BNPP Sans";
	color:black;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #d6d6d6;
	margin-bottom:20px;}
.content .bloc input, .content .bloc select{
	width:100%;
	border-width:1px;
	border-color:#d6d6d6;
	border-style:solid;
	border-radius:2px;
	height:38px;
	margin-bottom:15px;
	color:#7b7b7b;
	font-size:13px;
	text-indent:10px;}
.content .bloc a{
	color:#7b7b7b;
	font-size:12px;
	text-decoration:none;}
.content .bloc .btn-green{
	width:95%;
	padding:10px;
	text-align:center;
	color:white;
	margin-top:15px;}
.espace_regular .bloc select{
	width:170px;
	height:27px;
	border-radius:2px;
	padding-left:0px;
}
.espace_regular .bloc input, .espace_regular .bloc select{
	text-indent:0px;
}
.single-don{
	background:white;
	border:1px solid #d6d6d6;
	margin:15px 0;
	padding:10px;
	position:relative;}
.single-don p{
	color:black !important;
	font-size:12px;}
.single-don .date{
	font-weight:700;}
.single-don .montant{
	position:absolute;
	right:15px;
	top:25px;
	font-size:16px;
	font-family:"BNPP Sans";
	color:#f18100;
	font-weight:bold;}

.login .bloc{
	margin:0 15px;
	width:300px;}

.login .bloc .typeDonateur{
	background-position:280px 16px;
}

.historique .bloc{
	width:460px;
	padding-top:10px;
	padding-bottom:10px;}
.historique .single-don{
	background:white;
	border:1px solid #d6d6d6;
	margin:15px 0;
	padding:10px;
	position:relative;}
.historique .single-don p{
	color:#000;
	font-size:12px;}
.historique .single-don .date{
	font-weight:700;}
.historique .single-don .montant{
	position:absolute;
	right:15px;
	top:25px;
	font-size:16px;
	font-family:"BNPP Sans";
	color:#f18100;
	font-weight:bold;}

.confirmation .bloc p{
	margin:20px 0;}
.confirmation .bloc strong{
	color:#000;}

.espace .links{
	padding:20px 0 0 0;}
.espace .links p{
	font-size:14px;
	color:#515151;}
.espace .links ul{
	padding-bottom:60px;}
.espace .links ul li:before{
	content:'•';
	margin-right:5px;
	color:#00866e;
	vertical-align:middle;}
.espace .links ul li a{
	text-decoration:none;}
.espace .links a{
	color:#00866e;
	font-size:14px;
	line-height:28px;}
.espace .links a:hover{
	text-decoration:underline;}

.espace_historique .layout{
	text-align:left;}
.espace_historique .layout .bloc{
	width:630px;
	float:right;}
.espace_historique .layout .bloc .montant{
	right:70px;}
.espace_historique .layout .bloc .save{
	background:url(/jakarta.faces.resource/bnp2/img/save.png) no-repeat center center;
	border:1px solid #e6e6e6;
	float:right;
	width:11px;
	height:12px;
	padding:10px;
	position:absolute;
	right:13px;
	top:13px;}
.espace_historique .layout .bloc .save:hover{
	background:url(/jakarta.faces.resource/bnp2/img/save_hover.png) no-repeat center center #00866e;}
.espace_historique .layout .menu{
	display:inline-block;
	float:left;}
.espace_historique .layout .menu ul{
	width:220px;}
.espace_historique .layout .menu ul li{
	border-bottom:1px solid #e6e6e6;
	padding:12px 8px;}
.espace_historique .layout .menu ul li:hover{
	background:#00866e;
	color:white !important;
	border-radius:3px;}
.espace_historique .layout .menu ul li:hover a{
	color:white;}
.espace_historique .layout .menu ul li a{
	color:#00866e;
	text-decoration:none;
	font-size:14px;}
.espace_historique .layout .menu ul .actived{
	background:#00866e;
	border-radius:3px;}
.espace_historique .layout .menu ul .actived a{
	color:white;}

.espace_mdp .formulaire .required{
	color:red;}
.espace_mdp .formulaire .champ_required{
	border:1px solid #e00000;
	background:#f5d9d9;}
.espace_mdp .formulaire .indicate{
	font-size:10px;
	color:red;
	left:190px;
	position:relative;
	top:-13px;}
.espace_mdp .formulaire .obligatoire{
	margin-top:10px;
	display:inline-block;
	margin-top:25px;}
.espace_mdp .formulaire input, {
	height:30px;
	width:69%;}
.espace_mdp .formulaire select{
	width:70%;
	margin-bottom:20px;
	height:30px;}
.espace_mdp .formulaire label{
	width:30%;
	float:left;
	text-align:left;
	color:#7b7b7b;
	font-size:13px;
	margin-top:10px;}
.espace_mdp .formulaire .btn-green, .espace_regular .formulaire .btn-green, .espace_banque .formulaire .btn-green{
	width:initial;
	float:right;}
.espace_regular .formulaire input{
	height:27px;
	width:60px;
	margin-bottom:0px;}
.espace_banque .formulaire input{
	height:27px;
	width:200px;
	margin-bottom:0px;}
.espace_banque p.obligatoire{
	padding-top:15px;
}
.espace_banque .formulaire input.input-form-iban{
	width:50px;
	border-width:1px;
	margin-left:5px;
	text-indent:0px;
	text-align:center;
}
.espace_banque .formulaire input.input-form-iban-first{
	border-right-width:1px;
	margin-left:0px;
}
.espace_banque .formulaire p {
	margin-bottom:13px;
}

.espace_regular .blocBis{
	margin-top:10px;
}
.tooltip{
	position:relative;}
.tooltip .mark{
	width:18px;
	height:18px;
	display:inline-block;
	background:url(/jakarta.faces.resource/bnp2/img/mark.png);
	position:absolute;
	right:5px;
	top:12px;
	cursor:pointer;}

.tip{
	position:absolute;
	z-index:1;
	width:400px;
	font-size:12px;
	color:#7b7b7b;
	background:white;
	padding:10px;
	border:1px solid rgba(0, 0, 0, 0.2);
	border-radius:3px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	line-height:18px;
	top:-87px;
	left:-353px;
	display:none;}
.tip strong{
	color:black;}
.tip .arrow{
	width:15px;
	height:10px;
	background:url(/jakarta.faces.resource/bnp2/img/arrow.png);
	display:inline-block;
	position:absolute;
	top:74px;
	left:353px;}

.select-form, .typeDonateur, .regDonation-month-select{
	background-color:#fff;
	background-image:none;
	background:url(/jakarta.faces.resource/bnp2/img/arrow-select.png) 237px 11px no-repeat;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

.select-form, .typeDonateur{
	background-position:237px 11px;
}

.select-form.select-currency{
	background-position:133px 11px;
	width:148px;
}

#block_identification .typeDonateur{
	background-position:307px 17px;
}

.regDonation-month-select{
	background-position:150px 11px;
}

.nfstyle input.ui-state-error{
	background:none repeat scroll 0 0 #f5d9d9;
	border:1px solid #e00000;
}

.nfstyle input.ui-state-error, .nfstyle label.ui-state-error{
	color:#b94a48;
}
.nfstyle .formulaire .ui-message{
	margin-left:160px;
}
.banqueModif label.ui-state-error{
	color:#7b7b7b;
}
.espace_historique .layout div.bloc.ui-messages{
	border:none;
	padding:0;
	width:670px;
}

.createAccount a.btn-green{
	font-size:12px;
}

.legal {
    text-align: center;
    font-size: 12px;
    font-weight: 700; 
    color: #000;
    padding: 5px 0;
	line-height:120%
}
.business {font-size: 16px;
		   font-weight: 700; 
           color: #00866E;
		   padding: 2px 0; }