.account {
	width: 100%;
	position: relative;
	margin: 5px 0 0 0;
}

.account a {
	color: #666;
}
.account a:hover {
	color: #1a9fe4;
}

.account table {
	width: 100%;
}

.account table td {
	vertical-align: top;
	padding: 5px 20px 5px 0;
}
.account table td.border {
	border: 1px solid #ccc;
	background: #eee;
	padding: 5px 10px;
}

.account h1 {
	border-bottom: 1px solid #ccc;
	color: #666;
	font-size: 20px;
	font-weight: normal;
	position: relative;
}

.account h2 {
	border-bottom: 1px solid #ccc;
	color: #666;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}

.account h3 {
	border-bottom: 1px solid #ccc;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	width: 100%;
}

.account h4 {
	border-bottom: 1px solid #ccc;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	position: relative;
}

.account i {
	color: #999;
}

.account b {
	color: #666;
	font-size: 14px;
	font-weight: normal;
}

.account p.infos {
	color: #999;
  font-size: 12px;
}

.account ul {
	list-style-position: inside;
	list-style-type: none;
}

.account li {
	margin: 2px 0 0 0;
}	

.account ul.onglet_buttons {
	border-bottom: 1px solid #1a9fe4;
	margin: 5px 0 15px 0;
}

.account ul.onglet_buttons { list-style-position: outside; }

.account ul.onglet_buttons li.active {
	background: url(/images/buttons/ongletProfil2.png) 0 0 repeat-x;
  border-left: 1px solid #0d8cce;
  border-right: 1px solid #0d8cce;		
}

.account ul.onglet_buttons li a, .account ul.onglet_buttons li a:hover {
	color: #1a9fe4;
	font-size: 12px;
}
.account ul.onglet_buttons li.active a {
	color: #fff;
}

.account ul.onglet_buttons li.violet a {
  color: #74468e;
}
.account ul.onglet_buttons li.active-violet {
  background: url(/images/buttons/ongletGalerie2.png) repeat-x center top;
  border-left: 1px solid #74468e;
  border-right: 1px solid #74468e;
}
.account ul.onglet_buttons li.active-violet a { color: #fff; }




/** --------------------------------------------------------------------- ACCOUNT > DEFAULT -----------*/
/** --------------------------------------------------------------------- ACCOUNT > DEFAULT > INSCRIPTIONS -----------*/
.account .inscriptions {
	margin: 30px 0;
}

.account .inscriptions h3 .infos {
	color: #1a9fe4;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 13px;
}

.account .inscriptions li {
	list-style-type: none;
	float: left;
	width: 30%;
	margin: 3px 0 0 10px;
}


/** --------------------------------------------------------------------- ACCOUNT > DEFAULT > FAVORIS -----------*/
.account .favorites li {
	border-bottom: 1px solid #eee;
	padding: 0 0 3px 5px;
}

.account .favorites li {
	border-bottom: 1px solid #eee;
	padding: 0 0 3px 5px;
}





/** --------------------------------------------------------------------- ACCOUNT > COURS -----------*/
.listCours {
	margin: 0 0 20px 0;
}

.listCours h3 a.writeCours {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	color: #666;
	padding-left: 18px;
	background: url(/images/icons/add.png) 0 -1px no-repeat;
}
.listCours h3 a:hover.writeCours {
	color: #1a9fe4;	
}

.listCours table tr {
	height: 24px;
	border-bottom: 1px solid #eee
}

.listCours table td {
	padding: 3px 0 0 0;
}

.listCours table th {
	border-bottom: 1px solid #ccc;
	padding: 0 0 2px 0;	
}

.listCours table td .edit {
	background: url(/images/icons/edit.png) 0 0 no-repeat;
	padding: 1px 0 0 18px;
	margin-right: 10px;
	font-size: 12px;
}

.listCours table td .delete {
	background: url(/images/icons/delete_icon.png) 0 0 no-repeat;
	padding: 1px 0 0 18px;	
	font-size: 12px;
}


/** --------------------------------------------------------------------- ACCOUNT > ANNUAIRE -----------*/
.listSites h3 a.addSite {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	color: #666;
	padding-left: 18px;
	background: url(/images/icons/add.png) 0 -1px no-repeat;
}
.listSites h3 a:hover.addSite {
	color: #1a9fe4;	
}

.listSites li {
	list-style-type: none;
	position: relative;
	padding: 0;
	margin: 10px 0 20px 0;
}

.listSites li a.bkgImg {
	padding: 0 15px 0 0;
	background: #fff;
	float: left;
	z-index: 999;
	width: 120px;
	text-align: center;
}
.listSites li a img {
	margin: 3px auto;
	border: 3px solid #ccc;
}
.listSites li a:hover img {
	border: 3px solid #1a9fe4;
}

.listSites li h2 {
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
  border-bottom: 1px solid #1a9fe4;
  margin: 0 0 0 135px;
  position: relative;
}
.listSites li h2 a {
	color: #1a9fe4;
}

.listSites li h2 .visites {
	position: absolute;
	right: 0;
	top: 3px;
	font-size: 13px;
	font-style: normal;
	color: #1a9fe4;
}

.listSites li p.body {
    margin: 0 0 0 135px;
}

.listSites li p.etat {
    position: relative;
    border-bottom: 1px solid #ccc;
    height: 16px;
    margin: 10px 0 0 135px;
    font-size: 12px;
}

.listSites li p.right {
	padding: 2px 0 0 0;
	text-align: right;
}

.listSites li p.right .edit {
	background: url(/images/icons/edit.png) 0 0 no-repeat;
	padding: 1px 0 0 18px;
	margin-right: 5px;
	font-size: 12px;
}

.listSites li p.right .delete {
	background: url(/images/icons/delete_icon.png) 0 0 no-repeat;
	padding: 1px 0 0 18px;	
	font-size: 12px;
}






/** --------------------------------------------------------------------- ACCOUNT > GALERIE -----------*/
.listTableaux h3 a.addTableau {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	color: #666;
	padding-left: 18px;
	background: url(/images/icons/add.png) 0 0 no-repeat;
}
.listTableaux h3 a:hover.addTableau {
	color: #1a9fe4;	
}

.listTableaux a img {
	border: 4px solid #ccc;
}
.listTableaux a:hover img {
	border: 4px solid #1a9fe4;
}

/** --------------------------------------------------------------------- ACCOUNT > GALERIE > MES TABLEAUX FAVORIS -----------*/
.listTableaux .tableau_mosaique {
	width: 25%;
	float: left;
	text-align: center;
	display: inline-block;
	margin: 0 0 20px 0;
}

.listTableaux .tableau_mosaique .img {
	height: 135px;
	width: 170px;
	display: table-cell;
	vertical-align: middle;
}

.listTableaux .tableau_mosaique .title {
	width: 170px;
	font-size: 12px;
}


/** --------------------------------------------------------------------- ACCOUNT > GALERIE > MES TABLEAUX -----------*/
.listTableaux .tableau_ligne {
	margin: 10px 0;
}

.listTableaux .tableau_ligne .img {
	width: 135px;
	text-align: center;
	float: left;
}

.listTableaux .tableau_ligne .summary {
	margin: 0 0 0 150px;
}

.listTableaux .tableau_ligne h2 {
	border-bottom: 1px solid #1a9fe4;
	color: #1a9fe4;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 5px;
	position: relative;
	display: block;
	width: 99%;
}

.listTableaux  .tableau_ligne h2 .edit {
	background: url(/images/icons/edit.png) 0 0 no-repeat;
	padding: 1px 0 0 18px;
	font-size: 12px;
	position: absolute;
	bottom: 1px;
	right: 80px;
}

.listTableaux  .tableau_ligne h2 .delete {
  background: url(/images/icons/delete_icon.png) 0 0 no-repeat;
  padding: 1px 0 0 18px;
  font-size: 12px;
  position: absolute;
  bottom: 1px;
  right: 0;
}

.listTableaux .tableau_ligne .comAndFavorite {
	margin: 10px 0 0 0;
}

.listTableaux .tableau_ligne .comAndFavorite p {
	border-top: 1px solid #ccc;
	font-size: 12px;
	padding: 2px 0 0 0;
	width: 100%;
}

.listTableaux .tableau_ligne .comAndFavorite p .com {
	background: url(/images/icons/balloon.png) right 0 no-repeat;
	padding: 0 16px 0 0;
	margin: 0 10px 0 0;
}

.listTableaux .tableau_ligne .comAndFavorite p .favorite {
	background: url(/images/icons/star__plus.png) 0 0 no-repeat;
	padding: 2px 0 0 20px;
}





/** --------------------------------------------------------------------- ACCOUNT > ALERTES -----------*/
/** --------------------------------------------------------------------- ACCOUNT > ALERTES > GESTION D'ALERTES -----------*/
.account .listAlertes {
	margin: 0 0 30px 0;
}

.account .listAlertes h3 .infos {
	color: #1a9fe4;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 13px;
}

.account .listAlertes table.alertes {
	border: 1px solid #ccc;
	margin: 5px 0 0 0;
}

.account .listAlertes table.alertes thead {
	background: #eee;
	border-bottom: 1px solid #ccc;
}
.account .listAlertes table.alertes thead td {
	padding: 5px 0;
	text-align: center;
}

.account .listAlertes table.alertes tbody th {
	padding: 5px;
	font-weight: normal;
}
.account .listAlertes table.alertes tbody td {
	padding: 5px 0;
	text-align: center;
}


/** --------------------------------------------------------------------- ACCOUNT > ALERTES > ABONNEMENT -----------*/
.account .listAbo ul li {
	border-bottom: 1px solid #eee;
	padding: 0 0 3px 0;
	position: relative;
}

.account .listAbo ul li .delete {
	position: absolute;
	right: 0;
	bottom: 2px;
	background: url(/images/icons/delete_icon.png) 0 0 no-repeat;
	padding: 1px 0 0 20px;	
	font-size: 12px;	
}


.account .msg-list { margin: 0 0 20px; }

.account .msg-list li {
  border-bottom: 1px dotted #ccc;
  padding: 7px 10px 10px;
}

.account .msg-list li .avatar {
  float: left;
  height: 54px;
  margin: 0 10px 0 0;
  text-align: center;
  width: 54px;  
}

.account .msg-list li .avatar img {
  border: 2px solid #ddd;
}

.account .msg-list li h4 {
	background: ;
  border: 0;
}

.account .msg-list li p { font-size: 12px; }

.account .reponse-msg {	width: 450px; }
.account .reponse-msg textarea {
  height: 100px;
  width: 300px;
}
.account .reponse-msg input {
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  font: normal 13px "Trebuchet MS";
}
  .account .reponse-msg input:hover { color: #ed700f;}

  
.account .list-factures {
  border-collapse: collapse;
  border: 1px solid #ddd;
  margin: 10px 0 0 0;
}

.account .list-factures th {
	background: #eee;
	border: 1px solid #ddd;
	padding: 5px;
}

.account .list-factures td {
  border-bottom: 1px solid #ddd;
  padding: 5px;
}

.account .list-factures td a {
	background: url(/images/icons/notebook_arrow.png) no-repeat right center;
	padding-right: 18px;
}

.account .action-button {
	margin: 10px 0 0 0;
  text-align: center;
}

.account .action-button .buttonGreyBig {
	margin: auto;
	width: 190px;
}

.account p.voir {	margin: 5px 0 0 0; }