@import url('reset.css');

/*
 * STRUCTURE
 * ---------------------------------------------------------------------------
 */
html, body {
	height: 100%;
}

body {
	background: #f9f9f9 url('../img/body_bg.gif') repeat-y top center;
	font: 1em "Lucida Sans", "Lucida Grande", Lucida, sans-serif;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -113px;
}

#account,
#header, 
#nav, 
#main,
#footer {
	width: 960px;
	margin: 0 auto;
}



/*
 * ACCOUNT
 * ---------------------------------------------------------------------------
 */
#account-wrapper {
	background: #bbdadb;
	border-bottom: 1px solid #a6bbbb;
	overflow: auto;
}
#account {
	color: #3d6465;
	font-size: .75em;
}
#account p {
	background: url('../img/account_toolbar_bg.gif') no-repeat;
	float: right;
	padding: .7em 0 .55em 37px;
}
#account a {
	color: #2e83b4;
	font-weight: bold;
}
#account a:hover {
	color: #000;
}


/*
 * HEADER
 * ---------------------------------------------------------------------------
 */
#header-wrapper {
	height: 180px;
	background: url('../img/header_bg.jpg') no-repeat top center;
}
#header a {
	display: block;
	width: 960px;
	height: 123px;
	text-indent: -9999em;
}


/*
 * NAV
 * ---------------------------------------------------------------------------
 */
#nav {
	clear: both;
}
#nav ul {
	list-style: none;
	float: left;
}
#nav ul li {
	float: left;
	height: 51px;
	background: url('../img/nav_sep.gif') no-repeat top left;
}
#nav ul li:first-child {
	background: none;
}
#nav ul li a {
	color: #e0ecf4;
	text-shadow: 1px 1px 1px #20597a;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 1.2em;
}
#nav ul li a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#search {
	float: right;
	margin: .9em;
}
#search-input {
	float: left;
	background: #fff;
	padding: 1px 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#search-input input {
	width: 250px;
	border: 0;
}
#search-submit {
	margin-left: 8px;
}


/*
 * CONTENT
 * ---------------------------------------------------------------------------
 */
#main {
	clear: both;
}

#content {
	float: left;
	width: 639px;
	z-index: 1;
}

.content-padding {
	margin: 40px;
	clear: both;
}

#content h1 {
	color: #000;
	font-size: 1.125em;
	margin-bottom: 16px;
}

#content h2 {
	color: #666;
	font-size: 1em;
	margin-bottom: 16px;
}

#content h3 {
	color: #ccc;
	font-size: .975em;
	margin-bottom: 16px;
}

#content p {
	color: #444;
	font-size: .75em;
	line-height: 1.7;
	margin-bottom: 16px;
	text-align: justify;
}

#content p a {
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
#content p a:hover {
	color: #000;
}

.path {
	font-size: .75em;
	margin-top: -12px;
	margin-bottom: 16px;
}
.path a {
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
.path a:hover {
	color: #000;
}

.content-hr {
	border-bottom: 1px dashed #a0cacb;
}

#content .legal {
	color: #888;
	font-size: .7em;
	text-align: justify;
	padding: 1.5em 2em;
	background: #f9f9f9;
	border: 1px solid #ccc;
}

.info {
	background: url('../img/extra_title_mine.gif') no-repeat 10px 18px;
	border: 1px dotted #000;
	margin-bottom: 16px;
}
#content .info p {
	padding: 12px 16px 12px 50px;
	margin: 0
}

/*
 * EXTRA
 * ---------------------------------------------------------------------------
 */
#extra {
	float: right;
	width: 320px;
}
.extra-padding {
	margin: 20px;
}
.extra-hr {
	border-bottom: 1px dashed #a0cacb;
}

#extra-petition-intro p {
	color: #888;
	font-size: .7em;
	line-height: 1.5;
	text-align: justify;
	margin-bottom: 1em;
}
#extra-petition-add {
	text-align: center;
}
#extra-petition-add input {
	font-size: 1.08em;
	margin-bottom: 8px;
}
#extra-petition-add a {
	font-size: .9em;
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
#extra-petition-add a:hover {
	color: #000;
}

.extra-title {
	font-size: .875em;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 10px 0 10px 42px;
	margin-bottom: 8px;
}

#extra-week    .extra-title,
#extra-member  .extra-title { background-image: url('../img/extra_title_week.gif'); }
#extra-popular .extra-title,
#extra-signed  .extra-title { background-image: url('../img/extra_title_popular.gif'); }
#extra-follow  .extra-title { background-image: url('../img/extra_title_follow.gif'); }
#extra-mine    .extra-title { background-image: url('../img/extra_title_mine.gif'); }

/** SUBSCRIBE **/
#extra-subscriber {
	margin: 12px 0;
}
#extra-subscriber p {
	font-size: .75em;
}
#subscriber-input {
	padding: 8px 0;
}
#subscriber-input input {
	width: 276px;
}
#extra-subscriber .submit {
	text-align: right;
}
#extra-subscriber .submit input {
	font-size: .75em;
}
#extra-subscriber span {
	color: #666;
	font-size: .75em;
}
#extra-subscriber span a {
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
#extra-subscriber span a:hover {
	color: #000;
}

/** ESPACE MEMBRE **/
#extra-member ul {
	list-style: square;
	padding-left: 16px;
}
#extra-member ul li {
	font-size: .75em;
	padding: .4em 0;
}
#extra-member ul li a {
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
#extra-member ul li a:hover {
	color: #000;
}

#extra-signed ul {
	list-style: none;
}
#extra-signed ul li {
	padding: .4em 0;
}
#extra-signed ul li a {
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
#extra-signed ul li a:hover {
	color: #000;
}
#extra-signed .signature h2 {
	font-size: .9em;
	line-height: 1.4;
}
#extra-signed .signature-date {
	font-size: .75em;
	line-height: 1.7;
	color: #444;
}

#extra-feeds {
	clear: both;
	overflow: auto;
	margin: 16px 0;
}
#extra-feeds a {
	display: block;
	float: left;
	width: 48px;
	height: 48px;
	margin-left: 32px;
	text-indent: -9999em;
}

	#extra-feed-rss      { background-image: url('../img/feed_big.png'); }
	#extra-feed-twitter  { background-image: url('../img/twitter_big.png'); }
	#extra-feed-facebook { background-image: url('../img/facebook_big.png'); }

/*
 * FOOTER
 * ---------------------------------------------------------------------------
 */
#footer-wrapper {
	height: 113px;
	background: url('../img/footer_bg.gif') no-repeat top center;
	/*overflow: auto;*/
	clear: both;
}
#footer p {
	color: #888;
	font-size: .7em;
	padding: 1em 0;
}
#footer a {
	color: #2e83b4;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
#footer a:hover {
	color: #000;
}


/*
 * FORMS
 * ---------------------------------------------------------------------------
 */
#content fieldset {
	margin-bottom: 16px;
	padding: 12px 16px;
	border: #c5dedf 1px solid;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 8px;
}
#content fieldset legend {
	font-size: .75em;
	font-weight: bold;
	color: #2e83b4;
	padding: 0 10px;
}
#content .input {
	padding: 5px 0;
	clear: both;
}
#content .input label {
	margin-right: 5px;
	padding-right: 5px;
	width: 160px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	font-size: .75em;
	line-height: 2;
}
#content .submit {
	text-align: center;
	margin-bottom: 16px;
}
#content .submit input,
#extra .submit input {
	color: #fff;
	background: #6bc240;
	background: -moz-linear-gradient(top, #7dd451, #57ae2c 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7dd451), to(#57ae2c));
	font-weight: bold;
	padding: .4em 2em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	border: 0;
	cursor: pointer;
}
#content .submit input:hover,
#extra .submit input:hover {
	background: #318109;
}
#content .form-error {
	border: 1px solid red;
	background: #fcf5f6;
}
#content .error-message {
	margin-left: 170px;
	color: #C7424D;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.5;
	margin-top: .25em;
}
#content .required {
	background: url('../img/admin/required.png') no-repeat 160px 4px;
}


/* 
 * MESSAGES
 * ---------------------------------------------------------------------------
 */
.message {
	margin-bottom: 20px;
}
.mssg-header,
.mssg-body {
	padding: 8px 12px;
}	
.mssg-header {
	color: #fff;
	font-size: .85em;
	font-weight: bold;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.mssg-success .mssg-header {
	background: #5f8a00;
}
.mssg-notice .mssg-header,
.mssg-restricted .mssg-header {
	background: #f60;
}
.mssg-error .mssg-header {
	background: #c20000;
}
.mssg-body {
	font-size: .75em;
	line-height: 1.5;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.mssg-success .mssg-body {
	background: #eef6de;
}
.mssg-notice .mssg-body,
.mssg-restricted .mssg-body {
	background: #f8f1ec;
}
.mssg-error .mssg-body {
	background: #f3e2e2;
}


/*
 * PAGINATE
 * ---------------------------------------------------------------------------
 */
#content .paginatorstatus {
	color: #999;
	font-size: .75em;
	text-align: right;
	border-bottom: 1px dashed #ddd;
	padding: 8px 0;
}
.paginatornumbers {
	font-size: .7em;
	padding: 16px 0;
	text-align: center;
}
.paginatornumbers a,
.paginatornumbers .current {
	margin: .4em .15em;
    padding: .3em .45em;
    -moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
.paginatornumbers .current {
	color: #3d6465;
    font-weight: bold;
    background: #bbdadb;
    border: 1px solid #bbdadb;
}
.paginatornumbers a {
	color: #fff;
	font-weight: bold;
	background: #2e83b4;
	border: 1px solid #2e83b4;
	text-decoration: none;
}
.paginatornumbers a:hover {
	color: #2e83b4;
	background: #fff;
	border: 1px solid #2e83b4;
}
.disabled {
	display: none;
}


/*
 * TABLES
 * ---------------------------------------------------------------------------
 */
table.dashboard {
	margin-bottom: 16px;
	width: 100%;
}
table.dashboard th {
	color: #e0ecf4;
	text-shadow: 1px 1px 1px #20597a;
	font-size: .75em;
	font-weight: bold;
	background: #2e83b4;
	padding: 12px;
	border-right: 1px solid #5b9cc1;
	border-left: 1px solid #276f9a;
}
table.dashboard th:first-child {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 0;
}
table.dashboard th:last-child {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	border-right: 0;
}
table.dashboard th a {
	color: #fff;
}

table.dashboard td {
	font-size: .75em;
	padding: 15px;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px dashed #f3f3f3;
}
table.dashboard td a {
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
table.dashboard td a:hover {
	color: #000;
}
table.dashboard tr td:first-child {
	border-left: 1px solid #e6e6e6;
}
table.dashboard tr td:last-child {
	border-right: 1px solid #eee;
}
table.dashboard tr {
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #fff, #f9f9f9 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));
}
table.dashboard tr:hover {
	background: #ffc;
	background: -moz-linear-gradient(top, #ffe, #f6f6dd 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ffc));
}
table.dashboard tbody {
	-moz-box-shadow: 1px 1px 5px #eee;
	-webkit-box-shadow: 1px 1px 5px #eee;
	box-shadow: 1px 1px 5px #eee;
}


/*
 * SEARCH
 * ---------------------------------------------------------------------------
 */
.highlight {
	background-color: #e0f0f1;
}


/*
 * PETITIONS
 * ---------------------------------------------------------------------------
 */
#petitions {
	list-style: none;
}
#petitions li {
	padding: .5em 0;
	clear: both;
}

/** Dans content **/
#petitions .petition-sign {
	float: left;
}
#petitions .petition-summary {
	margin-left: 88px;
}

/** Dans extra **/
#extra-week ul,
#extra-popular ul,
#extra-mine ul {
	list-style: none;
}
#extra-week ul li,
#extra-popular ul li,
#extra-mine ul li {
	clear: both;
	padding: .5em 0;
}
#extra-week ul li h2 a,
#extra-popular ul li h2 a,
#extra-mine ul li h2 a {
	font-size: .875em;
}
#extra-week .petition-sign,
#extra-popular .petition-sign,
#extra-mine .petition-sign {
	float: right;
}
#extra-week .petition-summary,
#extra-popular .petition-summary,
#extra-mine .petition-summary {
	width: 190px;
}

/** Dans home **/
#home-signatures {
	clear: both;
}
#home-signatures h2 a {
	font-size: 1.375em;
}
#home-signatures .petition-sign {
	float: left;
}
#home-signatures .petition-summary {
	margin-left: 88px;
}

.petition-sign {
	width: 72px;
}
.petition-sign-count {
	background: #bbdadb;
	text-align: center;
	padding: .05em 0 .15em;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.petition-sign-count span {
	color: #3d6465;
	font-size: .75em;
	font-weight: bold;
}
.petition-sign-link {
	background: #2e83b4;
	text-align: center;
	padding: 0 0 .3em;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.petition-sign-link a {
	color: #fff;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none;
}
.petition-sign-link a:hover {
	border-bottom: 1px dotted #fff;
}

#petitions .petition-summary h2 {
	font-size: 1.125em;
	margin-bottom: 8px;
}
.petition-summary h2 a {
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
.petition-summary h2 a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}
.petition-to {
	font-size: .7em;
	line-height: 1.5;
	margin-bottom: 8px;
}
.petition-date {
	color: #888;
	font-size: .7em;
	line-height: 2;
}
#petition-desc-full ul,
#petition-desc-full ol {
	color: #444;
	font-size: .75em;
	line-height: 1.7;
	margin-bottom: 16px;
	text-align: justify;
	margin-left:32px;
}

#petition-desc-full a {
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
#petition-desc-full a:hover {
	color: #000;
}

#signatures-count {
	background: #bbdadb;
	text-align: center;
	font-size: .9em;
	padding: .5em 0 .9em;
	margin-bottom: 8px;
	-moz-border-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-radius: 12px;
	border--radius: 12px;
}
#signatures-counter {
	font-size: 1.4em;
	font-weight: bold;
	color: #2e83b4;
}

.petition-photo {
	margin-bottom: 16px;
	text-align: center;
}
.petition-photo img {
	border: 1px solid #fff;
	-moz-box-shadow: 2px 2px 7px #ccc;
	-webkit-box-shadow: 2px 2px 7px #ccc;
	box-shadow: 2px 2px 7px #ccc;
}

.petition-author {
	color: #888;
	font-size: .75em;
	margin-bottom: 16px;
}
.petition-author b {
	color: #000;
}
#content .profile-icon {
	border: 0;
}
.profile-icon img {
	margin: 0 0 -3px 5px;
}
.petition-author-bio {
	font-size: .95em;
	margin: 8px 16px;
	line-height: 1.5;
	text-align: justify;
}
.petition-to {
	font-size: .7em;
	line-height: 1.5;
	margin-bottom: 8px;
}
.petition-to-full ul {
	list-style: none;
	margin-bottom: 16px;
}
#content .petition-to-full ul {
	margin-right: 32px;
}
.petition-to-full ul li {
	font-size: .75em;
	line-height: 2;
	background: #f8fbfb;
	padding: 6px 8px;
	border-top: #fff 1px solid;
	border-bottom: #f0f0f0 1px solid;
}
.petition-to-full ul li img {
	float: left;
	padding-right: 5px;
}
.petition-date {
	color: #888;
	font-size: .7em;
	line-height: 2;
}

/*
 * SIGNATURES
 * ---------------------------------------------------------------------------
 */
#signatures h2 {
	font-weight: normal;
	font-size: .875em;
	line-height: 1.5;
}
#signatures h2 b {
	color: #000;
	font-weight: bold;
}
#signatures h2 a {
	color: #2e83b4;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
#signatures h2 a:hover {
	color: #000;
}
#signatures ul {
	list-style: none;
}
#signatures ul li {
	padding-top: 8px;
}
#signatures .signature-date {
	color: #6da0a1;
	font-size: .7em;
	font-weight: bold;
	margin-top: -12px;
}
#signatures .signature-comment {
	margin: 12px;
}

.split {
	width: 49.5%;
	float: left;
}
.split li {
	font-size: .7em;
}
.split li:first-letter {
	text-transform: uppercase;
}

 
/*
 * HOME
 * ---------------------------------------------------------------------------
 */
 
/** INTRO **/
#home-intro {
	background: url('../img/home_intro_bg.gif') no-repeat 1px 0;
	height: 193px;
}
#home-intro blockquote {
	font-size: 1.125em;
	font-style: italic;
	line-height: 1.5; 
	padding: 58px 92px;
}

/** CATEGORIES **/
#home-categories {
	clear: both;
	overflow: auto;
}

.home-category {
	width: 279px;
	float: left;
}
.home-category ul {
	list-style: none;
	width: 269px;
	margin-bottom: 16px;
}
.home-category ul li {
	font-size: .75em;
	line-height: 1.5;
	padding-bottom: 8px;
}
.home-category ul li.home-category-index {
	font-weight: bold;
}
.home-category ul li a {
	color: #2e83b4;
	text-decoration: none;
	border-bottom: 1px dotted #2e83b4;
}
.home-category ul li a:hover {
	color: #000;
}


/*
 * SHARE
 * ---------------------------------------------------------------------------
 */
#share {
	background: #f8fbfb;
	padding: 16px 40px 20px;
	margin-left: 1px;
}
#share b {
	color: #000;
	font-size: .7em;
	line-height: 2.1;
	float: left;
}
#share li {
	display: inline;
	margin-right: 10px;
}
#share a {
	font-size: .7em;
	color: #2e83b4;
	text-decoration: none;
	padding: 1px 0 1px 20px;
	background-image: url('../img/bookmarks.gif');
	background-repeat: no-repeat;
}
#share a:hover {
	color: #000;
}

#bookmark-facebook   { background-position: 0px    0px }
#bookmark-digg       { background-position: 0px  -18px }
#bookmark-technorati { background-position: 0px  -36px }
#bookmark-reddit     { background-position: 0px  -54px }
#bookmark-myspace    { background-position: 0px  -72px }
#bookmark-delicious  { background-position: 0px  -90px }
#bookmark-yahoo      { background-position: 0px -108px }
#bookmark-google     { background-position: 0px -126px }
#bookmark-twitter    { background-position: 0px -144px }