/**
 * PopCornPages
 * 
 * @version: 1.0 (10.03.2009)
 * @version: 1.1 (29.04.2009)
 * @version: 1.2 (18.05.2009) + .field-top-holder, #topped-by, #top-form ...
 *
 */

/* Reset
-------------------------------------------------------- */
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, strong, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Global
-------------------------------------------------------- */
html {
	font: normal normal normal 12px/normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	overflow-y: scroll;
}
body {
	width: 800px;
	padding: 0 10px;
	margin: 0 auto;
	background: #FFF;
	position: relative;
}
body.popup { width: 90%; }
a:link     { color: #000; text-decoration: underline; }
a:visited  { color: #000; text-decoration: underline; }
a:hover    { color: #000; text-decoration: none; }
a:focus    { color: #000; text-decoration: none; }
a:active   { color: #000; text-decoration: none; }

h1, h2, h3, h4 { font-weight: bold; }
h1 { font-size: 24px; margin: 0 0 20px 0; }
h2 { font-size: 20px; margin: 0 0 15px 0; }
h3 { font-size: 16px; margin: 0 0 10px 0; }
h4 { font-size: 14px; margin: 20px 0 10px 0; }
p {
	margin: 0 0 10px 0;
	line-height: 18px;
}
ul li {
	margin: 0 0 10px 0;
	line-height: 18px;
	list-style-type: disc;
	list-style-position: inside;
}
ol li {
	margin: 0 0 10px 0;
	line-height: 18px;
	list-style-type: decimal;
	list-style-position: inside;
}
label { cursor: pointer; }
hr {
	background: #e2e2e2;
	color: #e2e2e2;
	background: #e2e2e2;
	height: 1px;
	border: none;
	margin: 20px 0 10px 0;
}

/* Classes
-------------------------------------------------------- */
.clear { clear: both; }
.flr { float: right; }
.noborder { border: 0 !important; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }
.mandatory, label span { color: red; }
.link-back { font-size: 10px; position: absolute; top: -6px; right: 0; }
.highlight { background-color: yellow; }
.title-highlight { color: #ED1F24; }
.lastname { font-size: 15px; }
.lastname a:link, .lastname a:visited, .lastname a:visited { text-decoration: none; }
.lastname a:hover, .lastname a:focus, .lastname a:active { text-decoration: underline; }

.delete-link {
	vertical-align: middle;
	background: url(../img/trash.gif) no-repeat 0 1px;
	padding: 0 0 0 18px;
}
.static-ajax-loader,
.ajax-loader {
	display: inline-block;
	background: url(../img/loader.gif) no-repeat 0 0;
	width: 24px;
	height: 24px;
	position: relative;
	bottom: 4px;
}
.ajax-loader {
	display: block;
	position: absolute;
	bottom: 0;
}

.button {
	background: #dd192d;
	padding: 7px 20px !important;
	font-size: 12px !important;
	color: #FFF !important;
	font-weight: bold;
	text-decoration: none !important;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
input.button{ padding: 5px 20px !important; }
img.trash { vertical-align: middle; }

/* pager */
.pager {
	font-size: 11px;
	padding: 0 0 10px 0;
}
	.pager span,
	.pager strong,
	.pager a {
		display: inline-block;
		padding: 2px 8px 3px 8px;
		margin: 0 5px 8px 3px;
		text-decoration: none;
		text-align: center;
	}
	.pager strong {
		background: #FFF;
		border: 1px solid #FFF;
		text-align: center;
	}
	.pager span,
	.pager a.next {
		width: auto;
	}
	.pager a.page:link, .pager a.page:visited {
		background: #f4f3f3;
		border: 1px solid #d2cfcf;
	}
	.pager a.page:hover, .pager a.page:focus, .pager a.page:active {
		background: #FFF;
	}
	.pager a.page.here {
		background: #FFF;
		border: 1px solid #FFF;
		font-weight: bold;
	}
	.pager a.page.view-all:link, .pager a.page.view-all:visited {
		background: #f4f3f3 url(../img/all.gif) no-repeat 6px 4px;
		padding-left: 14px;
	}
	.pager a.page.view-all:hover, .pager a.page.view-all:focus, .pager a.page.view-all:active {
		background: #fff url(../img/all.gif) no-repeat 6px 4px;
	}
	.pager a.page.view-all.here { background: #fff url(../img/all.gif) no-repeat 6px 4px; }
	/* marked as to delete */
	.pager a.page.here.marked {
		background: url(../img/cross.gif) no-repeat 50% 50%;
	}
	.pager a.page.marked {
		background: #f4f3f3 url(../img/cross.gif) no-repeat 50% 50%;
	}

/* subnav */
.subnav {
	font-style: italic;
	text-align: right;
	padding: 10px 0 16px 0;
}
.subnav a:link, .subnav a:visited  { text-decoration: none; }
.subnav a:hover, .subnav a:focus, .subnav a:active   { text-decoration: underline; }
.subnav a.logout { background: url(../img/icon_cross.gif) no-repeat 0 0; padding: 0 0 0 16px; }
.subnav a.mypcp { background: url(../img/icon_circle_green.gif) no-repeat 0 3px; padding: 0 6px 0 15px; }

/* Check Login
-------------------------------------------------------- */
#title-check,
#username-check {
    display: inline-block;
    background: url(../img/icon_arrow.gif) no-repeat 3px 4px;
    margin: 8px 0 4px 300px;
    padding: 0 0 0 15px;
    display: none;
}
#title-ok, #title-ko,
#username-ok, #username-ko {
    display: inline-block;
    background: url(../img/icon_small_tick.gif) no-repeat 0 -2px;
    padding: 0 0 4px 18px;
    color: #2DAB3B;
    font-weight: bold;
    position: relative;
    left: -18px;
    display: none;
}
#title-ko,
#username-ko {
    background: url(../img/icon_small_cross.gif) no-repeat 0 -2px;
    color: #AC1111;
}

/* Choose category
-------------------------------------------------------- */
.category-list {}
.category-list li {
    list-style-type: none;
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 70px;
    position: relative;
}
.category-list li img {
    position: absolute;
    top: 0;
    left: 0;
}

/* Info box
-------------------------------------------------------- */
.info,
.info-important {
	padding: 10px 10px 10px 54px;
	background: #f4f3f3 url(../img/info.gif) no-repeat 10px 2px;
	border: 1px solid #d2cfcf;
	border-width: 1px 0;
	margin: 8px 0;
	_height: 1%;
}
.info-important {
	background: #f4f3f3 url(../img/info_important.gif) no-repeat 10px 2px;
}

/* Messages box: confirm, success, warning, error
-------------------------------------------------------- */
/* common messages boxes */
.confirm-box,
.success-box,
.error-box {
	border-width: 1px 0 !important;
	padding: 6px 10px 6px 60px;
	margin: 20px 0;
	_height: 1%;
}
	.confirm-box h2,
	.success-box h2,
	  .error-box h2 {
		font-size: 16px;
		margin: 5px 0 10px 0;
		padding: 0;
	}
	.confirm-box p, .confirm-box div, .confirm-box ul, .confirm-box li,
	.success-box p, .success-box div, .success-box ul, .success-box li,
	  .error-box p,   .error-box div,   .error-box ul,   .error-box li {
		font-weight: bold;
		padding: 0 !important;
		margin: 5px 0 !important;
	}
	.confirm-box li,
	.success-box li,
	  .error-box li {
		margin: 1px 0 !important;
	}
	.confirm-box form,
	.success-box form,
	  .error-box form {
		margin-top: 20px;
	}
/* custom error boxes */
.error-box {
	background: #ffdfdf url(../img/flag_error.gif) no-repeat 10px 4px;
	border: 1px solid #df7d7d;
	color: #ba0000;
}
/* custom confirmation boxes */
.confirm-box * { color: #00325d !important; }
.confirm-box {
	background: #edf9ff url(../img/flag_confirm.gif) no-repeat 10px 4px;
	border: 1px solid #bee9ff;
}
/* custom success boxes */
.success-box {
	background: #e5ffe7 url(../img/flag_success.gif) no-repeat 10px 4px;
	border: 1px solid #b2e9b6;
	color: #195e1d;
}
#member .success-box, #member .error-box, #member .confirm-box { margin: -16px 0 20px 0; }

/* suggestion-box JS
-------------------------------------------------------- */
ul#suggestion-box {
    background: #fff;
    border: 1px solid #DFDFDE;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul#suggestion-box li {
    background: #fff;
    list-style-position: outside;
    list-style-type: none;
    display: block;
    padding: 2px 8px;
    margin: 0;
    z-index: 10;
}
ul#suggestion-box li.selected {
    background: #DFDFDE;
    margin: 0;
}
ul#suggestion-box li span.highlight {
    background-color: transparent;
    font-weight: bold;
    text-decoration: underline;
}

/* Header
-------------------------------------------------------- */
#header {
	position: relative;
	padding: 30px 0 8px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #8f8886;
	_height: 1%;
}
	/* lang choice */
    #header #lang ul {
        text-align: right;
        text-transform: lowercase;
        font-size: 11px;
    }
        #header #lang ul li { display: inline; }
    #header #lang {
        position: absolute;
        top: 20px;
        right: 0;
    }

	/* logo */
	#header h1#logo a {
		display: block;
		width: 250px;
		height: 40px;
		text-indent: -10000px;
		overflow: hidden;
		background: url(../img/logo.png) no-repeat 0 0;
		position: relative;
		top: 17px;
	}
	/* nav */
	#header ul#nav {
		font-size: 13px;
		position: absolute;
		bottom: 13px;
		right: 0;
	}
		#header ul#nav li { display: inline; }
		#header ul#nav #quick-search {
            padding-left: 10px;
            display: inline;
            |vertical-align: middle;
        }

/* Common block styles
-------------------------------------------------------- */
#search,
.people,
#catcher,
#tag-cloud,
#search-results,
#member,
#content,
#content-container,
#form-container,
/* Start #user-account blocks */
#notification,
#messages,
#status,
#admin,
#buzz,
#delete,
/* End #user-account blocks */
#messages-list,
#invoice,
#error-http {
	position: relative;
	padding: 10px 0 20px 0;
	margin: 10px 0;
	border-bottom: 1px solid #e2e2e2;
	height: 1%;
}

/* 404
-------------------------------------------------------- */
#error-http {
	padding: 50px 0;
}
	#error-http h2 {
		font-size: 40px;
		color: #ed2024;
	}

/* Catcher = "Accroche"
-------------------------------------------------------- */
#home #catcher {
    background: #fff;
    margin-top: 10px;
    padding: 10px 0;
}
#catcher {
    padding: 10px 10px 5px 10px;
    background: #f4f3f3;
    margin-top: -10px;
}
	#catcher * {
	    color: #333;
		margin: 0 0 12px 0;
	}
	#catcher h2 {
	    line-height: 22px;
        font-size: 16px;
		padding-right: 190px;
	}
	#home #catcher a.button {
		top: 20px;
		right: 5px;
	}
	#catcher a.button {
		position: absolute;
		right: 10px;
		top: 20px;
	}

/* Tag Cloud
-------------------------------------------------------- */
#tag-cloud {
    text-align: center;
    padding: 4px 0 8px 0;
    margin-top: -10px;
    background: #F4F3F3;
}
    #tag-cloud li {
        display: inline;
        line-height: normal;
        list-style-type: none;
        margin: 0 4px 4px 4px;
    }
        #tag-cloud li a { display: inline-block; color: #333; padding: 4px; color: #4F4F4F; }
        #tag-cloud li a:link, #tag-cloud li a:visited { text-decoration: none; }
        #tag-cloud li a:hover, #tag-cloud li a:focus, #tag-cloud li a:active { background: #696158; color: #fff; }
        
        .tag-cloud-1 { font-size: 11px; }
        .tag-cloud-2 { font-size: 13px; }
        .tag-cloud-3 { font-size: 15px; }
        .tag-cloud-4 { font-size: 17px; }
        .tag-cloud-5 { font-size: 20px; }

/* People
-------------------------------------------------------- */
.people { padding: 0 0 20px 0; }
	.people h2 {
		font-size: 13px;
		text-align: center;
	}
	.people ul li { display: inline; }
		.people ul li a {
			display: block;
			position: relative;
			float: left;
			width: 60px;
			height: 90px;
			padding: 10px 14px 10px 6px;
			text-decoration: none !important;
			z-index: 1;
			_overflow: hidden;
		}
		.people ul li a:hover, .people ul li a:focus, .people ul li a:active { z-index: 100; }
		.people ul li a:focus, .people ul li a:active { outline: 0; z-index: 100; }
		.people ul li a img { border: 3px solid #FFF; }
		.people ul li a:hover img,
		.people ul li a:focus img,
		.people ul li a:active img { border-color: #8f8886; }

		/* JavaScript elements */
		.people ul li a span {
			display: block;
			width: 152px;
			background: transparent url(../img/bubble_top.png) no-repeat 0 0;
			position: absolute;
			left: -38px;
			z-index: 10;
			_display: none;
		}
			.people ul li a span strong {
				display: block;
				position: static;
				background: transparent url(../img/bubble_bottom.png) no-repeat 0 100%;
				margin-top: 12px;
				padding: 0 10px 24px 10px;
				text-align: center;
				font-weight: normal;
				word-wrap: break-word;
				_display: none;
			}

#member .people {
    padding: 0;
    margin: 0;
    border: none;
}

/* Messages-list
-------------------------------------------------------- */
#messages-list {
	margin: 0 0 10px 0;
}
#messages-list .info {
	margin: 0 0 20px 0;
}
#messages-list .message {
	position: relative;
	padding: 15px 10px 15px 94px;
	margin: 0;
	border-top: 1px solid #8f8886;
	height: 1%;
}
	#messages-list .message p {
		margin: 0;
		padding: 0;
	}
	#messages-list .message a img {
		display: block;
		position: absolute;
		top: 15px;
		left: 10px;
		border: 3px solid #FFF;
	}
	#messages-list .message a:hover img,
	#messages-list .message a:focus img,
	#messages-list .message a:active img {
		border-color: #8f8886;
	}
	#messages-list .message-content {
		margin: 10px 0;
		padding: 6px 0 10px 10px;
		border-left: 6px solid #e5e5e5;
	}
		#messages-list .message-content div {
			line-height: 18px;
		}
	#messages-list .toolbox {
		font-size: 10px;
		vertical-align: middle;
	}
	#messages-list .toolbox input {
		position: relative;
		top: 3px;
	}
	#messages-list .keywords {
		padding: 10px 0 !important;
		font-size: 10px;
	}
	#messages-list .form-submit {
		border-top: 1px solid #8f8886;
		padding: 50px 0 0 0;
		position: relative;
		height: 1%;
		text-align: right;
	}
    #messages-list #all-container {
        display: inline-block;
        position: relative;
        top: -2px;
    }
    #messages-list #all-container * { vertical-align: middle; }
    #messages-list #all-container label {
        background: url(../img/trash.gif) no-repeat 0 0;
        padding: 0 6px 0 18px;
    }
    #messages-list #all-container input { margin-right: 30px; }


/* Search-results
-------------------------------------------------------- */
#search-results {
	padding: 20px 0;
}
	#search-results .results-number {
		font-weight: bold;
		background: #f4f3f3;
		border: 1px solid #d2cfcf;
		border-width: 1px 0;
		padding: 4px 6px;
		margin: 0 0 15px 0;
	}
	#search-results .result {
		padding: 16px 0 16px 80px;
		min-height: 70px;
		position: relative;
		|height: 1%;
		_height: 70px;
	}
		#search-results .result .result-pic {
			display: block;
			width: 60px;
			text-align: center;
			position: absolute;
			top: 16px;
			left: 0;
			_height: auto;
		}
		#search-results .result .pcp-type { float: right; }
		#search-results .result img {
			border: 3px solid #FFF;
			_height: auto;
		}
		#search-results .result a:hover img,
		#search-results .result a:focus img,
		#search-results .result a:active img {
			border-color: #8f8886;
		}
		#search-results .result h2 {
			font-size: 14px;
			font-weight: normal;
			margin: 6px 0 8px 0;
			padding-right: 180px;
		}
		#search-results .result p.keywords {
			font-size: 11px;
			padding-right: 180px;
		}
		#search-results .pager {
			margin-top: 5px;
		}
		#search-results .certified {
/*			margin: 20px 0 0 20px;*/
			position: absolute;
			top: 16px;
			right: 0;
		}


/* Member
-------------------------------------------------------- */
#member {
	padding: 10px 0 30px 0;
	margin: 0 0 10px 0;
}
	#member h2 {
		font-size: 15px;
		margin-bottom: 10px;
		margin-right: 260px;
	}
	#member p { margin: 0 0 5px 0; }

    #member ul.toolbar {
        position: relative;
        top: -21px;
        _height: 1%;
        background: #F4F3F3;
        border: 1px solid #E2E2E2;
        border-width: 1px 0;
        overflow: auto;
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 11px;
    }
        #member ul.toolbar li {
            display: block;
            padding: 0;
            list-style: none;
            float: left;
        }
            #member ul.toolbar li a:link, #member ul.toolbar li a:visited {
                color: #4F4F4F;
                display: block;
                padding: 4px 10px 4px 25px;
                border-right: 1px solid #E2E2E2;
                text-decoration: none;
            }
            #member ul.toolbar li a.friend { background: url(../img/icon_mail_arrow_grey.gif) no-repeat 5px 5px; }
            #member ul.toolbar li a.abuse { background: url(../img/icon_flag_grey.gif) no-repeat 5px 5px; }
            #member ul.toolbar li a.contact { background: url(../img/icon_address_book_grey.gif) no-repeat 5px 5px; }
            #member ul.toolbar li a.top { background: url(../img/icon_pin_grey.gif) no-repeat 5px 5px; }
            #member ul.toolbar li a.publish { font-weight: bold; background: url(../img/icon_pencil.gif) no-repeat 5px 5px; color: #ED1F24; }
            #member ul.toolbar li a:hover, #member ul.toolbar li a:focus, #member ul.toolbar li a:active {
                color: #000;
                background-color: #FFF;
            }

        #member ul.toolbar li img {
            position: absolute;
            top: 1px;
            right: 5px;
        }

	#member .stats {
		clear: right;
		float: right;
		text-align: right;
		margin-left: 20px;
	}
		#member .stats p { margin: 2px 0; font-size: 11px; }
		#member .stats p.views { font-size: 13px; }

	#member h2 a:link, #member h2 a:visited { text-decoration: none; }
	#member h2 a:hover, #member h2 a:focus, #member h2 a:active { text-decoration: underline; }
	#member p.community {
		vertical-align: middle;
	}
		#member p.community img {
			vertical-align: middle;
			position: relative;
			top: -1px;
		}
	#member .profil-container {}
	#member img.photo-large {
		float: left;
		margin-top: 4px;
	}
	#member div#profil-text {
		margin-top: 10px;
		line-height: 18px;
        padding: 0 0 0 400px;
	}
	#member p.translation {
		font-size: 11px;
		margin: 20px 0 0 400px;
		background: #f4f3f3;
		border: 1px solid #d2cfcf;
		border-width: 1px 0;
		padding: 4px 6px;
	}
	#member div#profil-text.no-pic { padding: 0; }
	#member p.no-pic { margin: 20px 0 0 0; }
	#member ul li {
		margin: 0;
		padding: 4px 0;
	}

/* User-account
-------------------------------------------------------- */
#notification,
#messages,
#status,
#admin,
#buzz,
#delete {
	padding: 20px 0 10px 0;
}
#notification {
	padding: 0 0 16px 0;
}
/* Notification */
#notification p {
	margin: 4px 0;
	border: 1px solid #d2cfcf;
	padding: 1px;
}
#notification > p:first-child {
	margin-top: 0;
}
#notification p.static-warning {
	padding: 10px 5px 10px 42px;
	color: #333;
	background: #f4f3f3 url(../img/info_important.gif) no-repeat 4px 3px;
	border-width: 1px 0;
}
#notification p a:link,
#notification p a:visited {
	display: block;
	_height: 1%;
	text-decoration: none;
	padding: 10px 5px 10px 42px;
	color: #333;
	background: #fff url(../img/warning.gif) no-repeat 4px 3px;
	font-weight: bold;
}
#notification p a:hover,
#notification p a:focus,
#notification p a:active {
/*	font-weight: bold;*/
	color: #000;
	background: #f4f3f3 url(../img/warning.gif) no-repeat 4px 3px;
}
/* Messages */
p#messages-number {
	background: url(../img/paperboard.gif) no-repeat 0 0;
	height: 43px;
	padding: 18px 0 0 50px;
}
/* Admin */
#admin ul li {
	list-style-type: none;
	list-style-position: outside;
	margin: 6px 0;
	border: 1px solid #e8e8e8;
	_height: 1%;
}
#admin ul li a:link,
#admin ul li a:visited {
	display: block;
	padding: 4px 6px;
	text-decoration: none;
	background: #f4f3f3;/*fefdf2*/
	_height: 1%;
}
#admin ul li a:hover,
#admin ul li a:focus,
#admin ul li a:active {
	font-weight: bold;
	background: transparent;
}
#admin ul li a img {
	position: relative;
	top: 2px;
	margin-right: 4px;
}
/* JS Admin */
ul#user-account-nav {}
ul#user-account-nav li {
	display: inline;
}
ul#user-account-nav a {
	font-weight: normal;
	display: inline-block;
	padding: 2px 8px 3px 8px;
	margin: 0 5px 0 0;
	text-decoration: none;
	text-align: center;
	text-decoration: none;
	background: #f4f3f3;
	border: 1px solid #d2cfcf;
}
ul#user-account-nav a.current {
	font-weight: bold;
	background: #fff;
	border: 1px solid #fff;
	padding: 2px 8px 3px 8px;
}

.buzz-item * { vertical-align: middle; }
.buzz-item img { margin-right: 10px; }

/* Invoice
-------------------------------------------------------- */
#invoice {}
	#invoice #issuer,
	#invoice #customer {
		float: left;
		margin: 10px 0;
		padding-right: 40px;
		width: 360px;
	}
	#invoice #customer {
		padding-right: 0;
		width: 400px;
	}
		#invoice #issuer p,
		#invoice #customer p {
			margin: 0 0 1px 0;
		}
		#invoice #issuer p:first-child,
		#invoice #customer p:first-child {
			color: #666;
			margin: 0 0 5px 0;
		}
	#invoice #order {
		margin: 10px 0;
	}
		#invoice #order p {
			margin: 4px 0;
		}
	#invoice #ammount {
		margin: 20px 0;
		border: 1px solid #e5e5e5;
		border-width: 1px 0;
	}
		#invoice #ammount p {
			margin: 4px 0;
			text-align: right;
		}
		#invoice #ammount span {
			display: inline-block;
			margin-left: 10px;
			width: 50px;
		}
		#invoice #ammount .vat { color: #666; }
		#invoice #ammount .ttc { font-weight: bold; }
		#invoice #ammount .ttc span { border-top: 1px dashed #666; margin-top: 6px; padding-top: 3px; }

/* Form-container
-------------------------------------------------------- */
#form-container {}
#form-container fieldset {
	margin: 10px 0 50px 0;
}
#form-container fieldset.last-fieldset { margin: 10px 0 8px 0; }
#form-container legend {
	display: none;
}
.field-holder {
	padding: 8px 0;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	_height: 1%;
}
	/* JS */
	.field-holder a.add,
	.field-holder a.delete {
		float: right;
		width: 32px;
		height: 32px;
		position: absolute;
		top: 3px;
		right: 0;
		background: url(../img/add.png) no-repeat 0 0;
		_background: url(../img/add_ie.png) no-repeat 0 0;
		text-decoration: none;
	}
	.field-holder a.delete {
		right: 34px;
		background: url(../img/delete.png) no-repeat 0 0;
		_background: url(../img/delete_ie.png) no-repeat 0 0;
	}
	.field-holder a.delete.last { right: 0; }
	/* labels */
	.field-holder label {
		width: 290px;
		margin: 3px 10px 0 0;
		padding: 0 0 4px 0;
		display: block;
		position: relative;
		float: left;
	}
	.field-holder label:hover {
		color: #666;
	}
	.field-holder label.standard {
		display: inline;
		margin: auto;
		padding-right: 10px;
		margin-right: 10px;
		width: auto;
		float: none;
	}
		.field-holder label span {
			position: absolute;
			right: 0;
			font-size: 16px;
		}
	.field-holder label.small {
		width: 120px;
	}
	/* Form elements */
	.field-holder input {
		width: 240px;
		margin-right: 20px;
	}
	.field-holder input[type='checkbox'] {
		width: auto !important;
		margin-right: 0 !important;
	}
	.field-holder input[type='file'] {
		width: 494px;
		margin-right: 0;
	}
	.blog-link-container input[type='text'],
	.community-container input[type='text'],
	.link-container input[type='text'] {
	    width: 520px;
	}
	.profile-container textarea {
		width: 640px !important;
		max-width: 640px !important;
		min-height: 200px !important;
	}
	
	#keywords-edit-form .field-holder input {
		width: 620px;
		margin-right: 0;
	}
	.field-holder input.radio,
	.field-holder input.checkbox {
		width: auto;
		margin-right: auto;
	}
	.field-holder select {
		margin-right: 20px;
	}
	.field-holder textarea {
		width: 450px;
		max-width: 450px;
		min-height: 110px;
		font: normal normal normal 12px/normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	}
	/* Change color on focus */
	.field-holder textarea:focus,
	.field-holder input:focus {
		background: #ececec;
	}
	/* Display errors */
	.field-holder.errorfield {
		background: #ffdfdf;
		border: 1px solid #df7d7d !important;
		border-width: 1px 0 !important;
	}
		.field-holder.errorfield label { color: #ba0000; text-indent: 2px; font-weight: bold; }
	/* Inputs helpers */
	.field-holder .helper,
	.field-holder .helper-small {
		margin: 4px 0 0 300px;
		font-size: 12px;
		color: #666;
		font-style: italic;
	}
	.field-holder .helper *, .field-holder .helper-small * { color: #666 !important; font-weight: normal !important; }
	.field-holder input#activate-suggestion {
		margin: 0;
		padding: 0;
		width: auto;
	}
	.field-holder .helper-small label {
	    display: inline;
	    float: none;
	}
	/* Error-help */
	.field-holder .error-help,
	.field-holder .error-help-small {
	    color: #ba0000;
		margin: 4px 0 0 300px;
		font-size: 12px;
		font-weight: bold;
	}
	.field-holder .helper-small,
	.field-holder .error-help-small {
		margin: 4px 0 0 130px;
	}
	.authority {
		padding: 10px 10px 10px 54px;
		border: 1px solid #d2cfcf;
		border-width: 1px 0;
		color: #333;
		background: #f4f3f3;
		border-width: 1px 0;
		margin: 8px 0;
	}
	.vip {
		background: #f4f3f3 url(../img/icon_vip.png) no-repeat 12px 4px;
	}
	.operator {
		background: #f4f3f3 url(../img/icon_operator.png) no-repeat 18px 12px;
	}
	.cyber {
		background: #f4f3f3 url(../img/icon_cyber.png) no-repeat 12px 12px;
	}
	.plus {
		background: #f4f3f3 url(../img/icon_plus.png) no-repeat 12px 4px;
	}
	.annuaire {
		background: #f4f3f3 url(../img/icon_annuaire.png) no-repeat 12px 6px;
	}
	.pcp {
		background: #f4f3f3 url(../img/icon_pcp.png) no-repeat 12px 6px;
	}
	.display-photo {
		border-top: 1px solid #e5e5e5;
		padding: 10px 0;
	}
	/* Submit block */
	#form-container .form-submit {
		padding: 20px 0 50px 0;
		position: relative;
		height: 1%;
	}
		#form-container .form-submit input {
			position: absolute;
			right: 0;
			bottom: 0;
		}

/* field-top-holder => la selection / le top 20 */
.field-top-holder {
	position: relative;
	padding: 8px 0 8px 0;
	border: 1px solid #e5e5e5;
	border-width: 0 1px 1px 0;
	position: relative;
	width: 399px;
	height: 90px;
	float: left;
}
    .field-top-holder:hover { background: #f9f9f9; }
    .field-top-holder.first { width: 266px; }
    .field-top-holder.second { width: 266px; }
    .field-top-holder.third { border-width: 0 0 1px 0; width: 266px; }
    .field-top-holder.top { border-top: 1px solid #e5e5e5; }

    .field-top-holder img.pic { margin: 0 20px 0 20px; float: left; }
    .field-top-holder img.trash { position: relative; top: -1px; }

    #top-form .form-submit {
        margin-top: 30px;
        padding-bottom: 20px;
    }
    #top-form .form-submit label {
        background: url(../img/trash.gif) no-repeat 0 2px;
        padding: 0 20px 0 18px;
        float: right;
    }
    #top-form .form-submit input#all { float: none; }
    #top-form .form-submit input { position: static; float: right; }


/* Footer
-------------------------------------------------------- */
#footer {
	font-size: 11px;
	padding: 10px 0 10px 0;
	margin: 10px 0;
	height: 1%;
}