body {
	color:#004B85;
}
#pageAbonnes a:hover { text-decoration: underline; }

dl, dt, dd {
	margin: 0;
	padding: 0;
}
.bSpace { margin: 0 0 12px 0; }

/* page d'arrivée en cas de première visite */
.premVisite h1, .premVisite h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 5px 0 15px 0;
}
.premVisite h2 {
	font-size: 16px;
}
#coordClientForm {
	margin: 15px 0;
}

/* menu principal de l'espace */
#abonnes{
	width: 732px;
	float: right;
}
#enteteAbonnes{
	position  : relative;
	width     : 730px;
	height    : 170px;
	background: url(/img/MenuAbonnes.jpg) top center no-repeat;
}
#infoAbonnes{
	float  : left;
	width  : 200px;
	padding: 10px;
}
#menuAbonnes ul{
	width  : 490px;
	float  : right;
	padding: 20px 20px 0 0;
}
#menuAbonnes ul li {
	float: right;
}
#menuAbonnes ul li a{
	height : 80px;
	width  : 71px;
	display: block;
	padding: 0 8px;
}
.bulle{
	width    : 490px;
	height   : 60px;
	position : absolute;
	top      : 80px;
	left     : 285px;
	font-size: 28px;
	color    : #fff;
}
.bulle {
	left: -10000px;
}
.bulle.selectItem {
	left: 285px;
}
.dateAb{
	padding-top: 35px;
}

/* titraille au modèle des accordéons */
h1.formH1 {
	height: 35px;
	background: url(/img/cadreQuestions.jpg) top left no-repeat;
	padding: 7px 0 0 30px;
	margin: 5px 0 15px 0;
	font-size: 20px;
}

/* forumlaires */
.rouge { color: red; }
.formErr {
	color: red;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.messUl {
	display: block;
}
.messUl li {
	display: block;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	margin: 0 0 2px 0;
}
.messUl label {
	display: block;
	float: left;
	width: 180px;
}

.messUl input,
input.txt,
textarea {
	border:0;
	background: #eee;
}
.shortL { width: 100px; }
.msL { width: 180px; }
.mediumL { width: 250px; }
.longT, textarea { width: 400px; }

form dl {
	margin: 0 0 12px 0;
}
.labelMarginP {
	padding: 0 0 0 180px;
	margin: 0 0 12px 0;
}
#lostPassLink {
	color: #004B85;
	font-style: italic;
}


input.inputerr,
textarea.inputerr { background: #fcc; }

/* accordeons coordonnes */
.imgNom, .imgMail, .imgMdp, .imgAdr, .imgCb{
	padding:0 10px 0 50px;
}
.imgNom {
	background: url(/img/nom.jpg) top left no-repeat;
}
.imgMail{
	background: url(/img/arobase.jpg) top left no-repeat;
}
.imgMdp{
	background: url(/img/MotDePasse.jpg) top left no-repeat;
}
.imgAdr{
	background: url(/img/Enveloppe.jpg) top left no-repeat;
}
.imgCb{
	background: url(/img/cb.jpg) top left no-repeat;
}



.questionAb{
	cursor: pointer;
	height: 35px;
	background: url(/img/cadreQuestions.jpg) top left no-repeat;
	padding: 7px 0 0 30px; margin:5px 0;
	font-size: 20px;
}
.reponseAb > div{
	padding:10px 30px 30px 30px;
	font-size:14px;
	color:#004b85;
}
#factures li{
	float: left;
	width: 400px;
	height: 32px;
	background: url(/img/cadreFactures.jpg) top left no-repeat;
	padding: 10px 0 0 50px;
}
#factures {
	width: 400px;
}
.adobeReader {
	margin: 0 0 0 21px;
}
#logosAb li {
	float: left;
}
#merci, #desole {
	width: 400px;
	margin: 10px auto 0 auto;
	padding: 30px;
}
#merci {
	background: url(/img/CadreEnvoiOk.jpg) top left no-repeat;
}
#desole {
	background: url(/img/CadreEnvoiKO.jpg) top left no-repeat;
}

#CadreAb {margin: 10px auto 0 auto; width: 600px; height: auto;}

#CadreAb1, #CadreAb2, #CadreAb3 {float:left; width: 600px; margin: 0; padding: 0;}

#CadreAb1 {
	background: url(/img/cadreAb1.jpg) top left no-repeat;
	height: 30px;
}

#CadreAb2 {
	background: url(/img/cadreAb2.jpg) top left repeat-y;
	height: auto;
}

#CadreAb3 {
	background: url(/img/cadreAb3.jpg) top left no-repeat;
	height: 19px;
}

#pourcentrer {
	margin: 0 auto 0 auto;
	width: 500px;
	height: auto;
	padding: 0;
}

#pourcentrer ul {margin: 0; padding: 0;}


/*transactions*/

.transaction h2{
	font-size: 18px;
	color    : #015699;
}
.transaction table{
	display        : block;
	vertical-align : center;
	background     : url("/img/transaction-ombre-tablo.gif") no-repeat bottom left;
	padding-bottom : 23px;
}
.transaction table tr th,
.transaction table tr td{
	border-right: solid 1px #fff;
}
.transaction table tr th{
	font-size  : 12px;
	font-weight: bold;
	color      : #015699;
	text-align : center;
	height     : 58px;
	background : url("/img/bg-TH-transactions.gif") no-repeat 0 0;
}
.transaction table tr td{
	height          : 25px;
	background-color: #d2d2d2;
	margin          : 0;
	padding         : 0 10px;
	color           : #000;
}
.transaction table tr.oddTr td{
	background-color: #dddddd;
}
.transaction table .col1,
.transaction table .col2,
.transaction table .col3,
.transaction table .col4{
	width: 138px;
}
.transaction table .col5,
.transaction table .col6,
.transaction table .col7{
	width: 66px;
}
.transaction table .col5,
.transaction table .col6,
.transaction table .col7{
	text-align: center;
}

.transaction .info{
	text-align: right;
	font-size : 11px;
	color     : #6b6b6b;
}