/* couleurs :

9bb351		vert fond
e9ffa6		vert pâle
a7c750		vert moyen (lignes de séparation)
465b10		vert foncé (fond menu)
fffcc7		blanc crème
c00006		rouge fraise

*/

* {margin: 0; padding: 0;}

body {
	font-size: 14px;
	font-family: sans-serif;
	line-height: 1.5em;
	background: #fffcc7 url(css-img/bg_gradient.png) repeat-x left -150px fixed;
}

ul {list-style: none;}

table {border-collapse: collapse;}

a {text-decoration: none; border-bottom: 1px dotted #465b10; color: #465b10;}
a:visited {border-bottom: 1px solid #465b10;}
a:hover {border-bottom: 1px solid #c00006; color: #c00006;}


/* header */

#header {position: relative; width: 750px; height: 180px; margin: 0 auto 0; padding: 0; border: none; z-index: 10;}

#header #logo {border: none;}
#header #logo img {position: absolute; left: -75px; top: 10px; border: none;}
#header #logo-ie6 {display: none;}

#header #lang {position: absolute; right: 60px; top: 20px;}
#header #lang li {float: left; color: #fffcc7; margin-left: 6px;}
#header #lang a {color: #fffcc7; text-decoration: none; border: none;}
#header #lang a:hover {color: #465b10; text-decoration: underline;}

#header #menu {position: absolute; left: 0; bottom: 0; width: 658px; height: 40px; margin: 0 auto; padding: 40px 46px 0; background: transparent url(css-img/menu.png) no-repeat left bottom scroll; z-index: 10;}
#header #menu li {display: block; float: left; width: 128px; padding-top: 16px; font-size: 1em; text-align: center;}
#header #menu li a {color: #fffcc7; text-decoration: none;}
#header #menu li a:hover { border-bottom: 1px solid #fffcc7; color: #fff;}
#header #menu li a.active {border-bottom: 3px solid #fffcc7;}
#header #menu li a.active:hover {border-bottom-color: #fff; color: #fff;}
#header #menu .signer {position: relative; top: -40px;}
#header #menu .signer a {display: block; width: 137px; height: 59px; padding-top: 38px; background: transparent url(css-img/star_sign.png) no-repeat left top scroll; border: none; color: #c00006; font-size: 1.2em; font-weight: bold;}
#header #menu .signer a:hover {background-image: url(css-img/star_sign_hover.png); border: none; color: #ff0000;}
#header #menu .signer a.active:hover {color: #f00;}


/* content */

#content {position: relative; width: 618px; margin: 0 auto; padding: 0 66px; text-align: justify; background: transparent url(css-img/content_middle.png) repeat-y left top scroll; z-index: 5;}

/* #content .bottom {height: 85px; margin: 0 -66px; border: none; background: #9bb351 url(css-img/content_bottom.png) no-repeat left top scroll; clear: both;} */

#content h2 {
	position: relative;
	margin: 0 -20px;
	padding: 20px 25px 2px;
	font-family: serif;
	font-style: italic;
	font-size: 2em;
	color: #465b10;
}
#content h2:first-child {margin-top: 0;}
#content h2 span.br {display: block; padding-left: 120px; padding-top: 5px;}

#content p {margin: 30px 0 30px 125px; text-indent: 25px;}
#content p.quote {margin: 30px -20px 30px 125px; padding: 10px 30px 10px 15px; font-style: italic; font-size: .9em; text-indent: 0; background: #e9ffa6; color: #465b10; border: 1px dotted #9bb351; border-right: none;}
#content ul {margin: 30px 0 30px 150px; list-style: circle;}
#content ul.fraise {margin-left: 100px; list-style: none;}
#content ul.fraise>li {background: transparent url(css-img/puce.gif) no-repeat left -3px scroll; padding: 10px 0 10px 50px;}

#content .rlf {font-weight: bold; font-style: italic;}

#content .tip {margin: -20px 0 0;}

#content .chapo {position: relative; font-style: italic; background: #e9ffa6; margin: 0 -20px 40px; padding: 30px 20px 0; border-bottom: 1px solid #a7c750; font-family: serif; color: #465b10; z-index: 5;}
#home #content .chapo {margin-top: -20px;}
#content .chapo h2 {border: none;}
#content .chapo p {font-size: 1.2em;}
#content .chapo a {color: #c00006; border-color: #c00006;}
#content .chapo a:hover {color: #465b10; border-color: #465b10;}

#content .chapo #minimenu {position: absolute; left: 0; bottom: 0; margin: 0; list-style: none; font-size: 1.2em;}
#content .chapo #minimenu li {float: left; padding: 5px 0; width: 128px; text-align: center; white-space: nowrap;}
#content .chapo #minimenu li a {color: #465b10; border-bottom: 1px solid #465b10;}
#content .chapo #minimenu li a:hover {color: #c00006; border-bottom: 1px solid #c00006;}
#content .chapo #minimenu li a.active {border-bottom: 6px solid #a7c750;}
#content .chapo #minimenu li a.active:hover {border-bottom: 6px solid #a7c750; color: #465b10;}

#content  #who {margin: 20px 0 0px; padding: 4px 10px; font-style: normal; font-size: .85em; font-family: sans-serif; text-indent: 0; line-height: 110%; text-align: center; background: #fff; border: 1px solid #a7c750; color: #c00006;}
#content  #who a {border: none; text-decoration: underline;}
#content  #who a:hover {text-decoration: none;}

#content #news {padding-left: 300px; position: relative;}
#content #news h2 {font-weight: normal; padding: 0; margin: 0 0 10px;}
#content #counter {margin-right: 5px; font-size: .85em; font-weight: bold; color: #465b10; text-align: center; background: #e9ffa6; border: 1px solid #a7c750;}
#content #counter i {font-weight: normal; font-style: normal; padding-left: 20px; color: #a7c750;}
#content #counter i a {color: #a7c750; border-bottom-color: #a7c750;}
#content #counter i a:hover {color: #c00006; border-bottom-color: #c00006;}
#content #news ul {margin: 0 -20px 0 0; padding: 15px 10px 25px 0; height: 350px; overflow: auto;}
#content #news li {position: relative; list-style: none; margin: 10px 0 0; padding: 2px 0 30px; background: transparent url(css-img/news_sep.png) no-repeat left top scroll;}
#content #news li span {position: absolute; right: 0; top: -18px; display: block; font-size: .8em; font-variant: small-caps; font-weight: bold; color: #465b10;}
#content #news li h3 {font-family: serif; font-weight: normal; font-size: 1.4em; color: #c00006;}
#content #news li p {margin: 10px 0; padding: 0; text-indent: 0; font-size: .9em; line-height: 120%;}
/* hacks IE7... */
#content #news ul {.padding: 5px; .height: auto; .margin: 0;}
#content #news li {.background-position: left 18px;}
#content #news li span {.top: -5px;}

#content .next {
	display: none;
	margin: 40px -20px 0 !important;
	padding: 5px 20px;
	font-style: italic;
	font-size: 1.2em;
	font-family: serif;
	color: #465b10;
	border-top: 1px solid #a7c750;
	border-bottom: 1px solid #a7c750;
	background: #e9ffa6;
}
#content .next a {margin-left: 25px;}

#content #bloc_01 {padding-bottom: 280px; background: transparent url(css-img/fraise_krum_blanc_creme.png) no-repeat right bottom scroll;}
#content #bloc_02 {padding-bottom: 300px; background: transparent url(css-img/fraise_krum_blanc_creme.png) no-repeat left bottom scroll;}
#content #bloc_03 {padding-bottom: 280px; background: transparent url(css-img/fraise_krum_blanc_creme.png) no-repeat right bottom scroll;}
#content #bloc_02 .article {position: relative;}
#content #bloc_02 .article h3 {margin: 50px -20px 15px; padding: 0 20px; b-order-top: 1px solid #a7c750; color: #465b10; font-weight: bold;}
#content #bloc_02 .article p {margin: 0 -20px 0 125px; padding: 15px 20px 15px 20px; text-indent: 0; position: relative;}
#content #bloc_02 .article span {position: absolute; left: -150px; top: 0; width: 130px; text-align: right; font-size: 1.1em; font-family: serif; font-style: italic;}
#content #bloc_02 .bla {background: #e9ffa6; border-left: 3px solid #a7c750;}
#content #bloc_02 .bla span {color: #465b10;}
#content #bloc_02 .act {background: #ffeac7; border-left: 3px solid #c00006;}
#content #bloc_02 .act span {color: #c00006;}
#content #bloc_02 blockquote {color: #465b10;}

#content .liens h3 {margin-top: 25px; margin-bottom: 15px; color: #465b10;}
#content .liens h4 {margin: 0 -20px; padding: 0 20px; border-bottom: 1px solid #c00006; color: #c00006; font-family: serif; font-style: italic; font-size: 1.5em;}
#content .liens p {margin: 0; text-indent: 0;}
#content .liens p.quote {margin: 30px -20px 30px 125px; padding: 10px 30px 10px 15px; font-style: italic; font-size: .9em; text-indent: 0; background: #e9ffa6; color: #465b10; border: 1px dotted #9bb351; border-right: none;}
#content .liens ul {margin-left: 50px;}
#content .liens li {padding: 5px 0;}

#content .faq h4 {margin: 0 -20px; padding: 0 20px; border-bottom: 1px solid #c00006; color: #c00006; font-family: serif; font-style: italic; font-size: 1.5em;}

#content #credits li {position: relative;}
#content #credits li span {position: absolute; right: 0;}

/* position de la fraise sur les différentes pages */
#home #content #news {background: #fffcc7 url(css-img/fraise_krum_blanc_creme.png) no-repeat left top scroll; padding-bottom: 0px;}
#read #content .chapo {background: #e9ffa6 url(css-img/fraise_krum_vert_pale_small.png) no-repeat 490px 100px scroll; padding-bottom: 50px;}
#read #content .chapo p {margin: 30px 125px 30px 0;}
#promo #content .chapo {background: #e9ffa6 /* url(css-img/fraise_krum_vert_pale_small.png) no-repeat 490px top scroll */; padding-bottom: 0;}
#promo #content .chapo p {margin: 30px 125px 30px 0;}
#more #content .chapo {background: #e9ffa6 url(css-img/fraise_krum_vert_pale_small.png) no-repeat 490px top scroll; padding-bottom: 125px;}

#sign #content .chapo {margin-bottom: 0; background: #fffcc7;}
#sign #content .chapo p {margin: 20px 0; font-size: 1.2em; color: #000;}
#sign #content .chapo ul {margin: 20px 0 20px 80px;}
#sign #content .chapo li {font-family: sans-serif; font-style: normal;}
#sign #content .chapo .conclusion {margin: 45px -20px; padding: 25px 55px; font-weight: bold; text-indent: 0;}


/* pour la pétition à proprement parler */
#sign #content #block_form {margin: -20px; padding: 5px 20px 100px; border-top: 1px solid #a7c750;  background: #e9ffa6 url(css-img/fraise_krum_vert_pale.png) no-repeat 60% bottom scroll;}
#sign #content #sign_petition {position: relative; margin: 20px -20px;}
#sign #content form {padding: 40px 0;}
#sign #content #nb_sign {position: absolute; right: 20px; font-size: .6em;}
#sign #content #sigs {position: relative; margin: 20px -20px 10px; padding-top: 40px; border-top: 1px solid #a7c750;}
#sign #content #sigs span {position: absolute; right: 20px; font-size: .6em; text-align: right;}
#sign #content .full_list {margin: 30px 0; text-indent: 0; text-align: center;}

td.fieldname {vertical-align: top; text-align: right; padding: 0 10px; white-space: nowrap;}
td.fieldinput {vertical-align: top;}
td.note {vertical-align: top;}

#table_petition td.note p {
	margin: 2px 0 15px 10px;
	padding: 3px 5px;
	font-family: sans-serif;
	font-size: .8em;
	text-align: left;
	text-indent: 0;
	background: #fffcc7;
	color: #465b10;
	border: 1px solid #a7c750;
	line-height: 120%;
	o-pacity: .9;
}
#table_petition td.note p b {color: #c00006;}

td.fieldinput input, td.fieldinput textarea {width: 250px; border: 1px solid #a7c750; padding: 0 3px; color: #465b10; background: #fff;}
td.fieldinput textarea {height: 100px; margin-top: 2px;}
td.fieldinput input[type=button] {width: 258px; border: 1px solid #000; margin-top: 15px; background: #465b10; color: #fffcc7; font-weight: bold;}
td.fieldinput input[type=radio] {width: auto; border: none; background: transparent; color: auto; font-weight: normal;}
td.fieldinput label {width: auto; padding: 0 3px; border: none; background: transparent; color: auto; font-weight: normal;}

table#table_petition {width: 100%;}
table#table_petition td {vertical-align: top; color: #465b10;}
table#table_noms {width: 658px; position: relative; left: -20px; margin: 0 auto; font-size: .95em;}
table#table_noms th {
	text-align: left;
	background: #9bb351;
	padding: 5px 10px;
}
table#table_noms td {
	padding: 3px 10px;
	vertical-align: top;
	text-align: left;
	line-height: 120%;
	background: #e9ffa6;
	border-bottom: 1px solid #a7c750;
}
table#table_noms td.num {padding: 0; text-align: right; overflow: hidden;}
table#table_noms td.num i {display: block; margin-top: -3px; color: #a7c750; font-size: .8em; font-weight: bold;}
table#table_noms td.n {text-transform: capitalize;}
table#table_noms td.n b {font-weight: normal; text-transform: lowercase; font-variant: small-caps;} /* permet de distinguer le nom (du prénom) */
table#table_noms th.m {border-left: 1px solid #fffcc7;}
table#table_noms td.m {border-left: 1px solid #9bb351; color: #465b10; background: #fffcc7;}
table#table_noms td.m i {display: block; margin: 0 -5px -5px 0; text-align: right; font-size: .7em; padding-left: 25px; white-space: nowrap; color: #9bb351;}
table#table_noms th.ch {border-left: 1px solid #fffcc7; text-align: center;}
table#table_noms td.ch {border-left: 1px solid #9bb351; color: #465b10; text-align: center;}
table#table_noms td.ch_non {background: #9bb351;}

/* pour la page "liste complète" */
#list h2 {padding: 50px 20px 30px;}
#list p {margin: 0; padding: 5px; text-indent: 0;}
#list .note {
	margin: 0 -20px 30px 125px;
	padding: 5px;
	text-align: left;
	font-family: sans-serif;
	font-style: italic;
	font-size: .9em;
	text-indent: 0;
	line-height: 130%;
	color: #465b10;
	background: #e9ffa6;
	border: 1px dotted #9bb351;
	border-right: none;
}
#list #form_nav {margin: 0 -20px 30px; text-align: center;}
#list #form_nav option {padding: 0 3px;}
#list #form_nav a {font-size: .8em; border-bottom: none; text-decoration: none;}
#list #form_nav a:hover {text-decoration: underline;}
#list #content .back {margin: 30px 0; text-indent: 0; text-align: center;}
#list_noval h2 {padding: 50px 20px 30px;}
#list_noval h2 ins {color: #c00006;}
#list_noval #content .back {margin: 30px 0; text-indent: 0; text-align: center;}

/* pour la page stats */
#stats p {margin-left: 25px; text-indent: 0;}
#stats h2 {padding: 50px 20px 30px;}
#stats h3 {padding: 0 0 30px;}
#stats table#basic_stats {margin: 0 auto 50px; width: 618px;}
#stats table#basic_stats td {padding: 5px 5px 0 5px; border-bottom: 1px solid #a7c750; text-align: right; white-space: nowrap;}
#stats table#basic_stats .t {}
#stats table#basic_stats .n {padding-left: 25px;}
#stats table#basic_stats .p {padding-left: 25px; color: #9bb351;}
#stats table#basic_stats .v {border-bottom: none;}
#stats table#basic_stats .tot {}
#stats table#basic_stats .val {}
#stats table#basic_stats .noval b {color: #c00006;}
#stats table#basic_stats .noval .n {color: #c00006;}
#stats table#basic_stats .noval .p {color: #c00006;}
#stats table#basic_stats .val_ch td {padding-top: 50px;}
#stats table#basic_stats .val_noch b {color: #c00006;}
#stats table#basic_stats .val_noch .n {color: #c00006;}
#stats table#basic_stats .val_noch .p {color: #c00006;}
#stats table#basic_stats .tot td {padding-top: 50px;}
#stats table#basic_stats .nb .n {border-bottom: none; vertical-align: top; padding-top: 0; padding-right: 13px; font-size: .8em;}
#stats table#basic_stats .nb .n a {text-decoration: underline; border-bottom: none; color: #9bb351;}
#stats table#basic_stats .nb .n a:hover {text-decoration: none; color: #c00006;}
#stats .flot_graph {width: 618px; height: 400px; display: none;}
#stats .flot_graph .legendLabel {padding: 0 3px;}

table .sorted {background: #fffcc7 !important;}
table th.sorted {background: #e9ffa6!important;}

/* pour la galerie de flyers (promo) */
#promo .gal {margin: 30px 25px; list-style: none;}
#promo .gal li {position: relative; margin: 0 -20px; padding: 30px 20px; border-bottom: 1px solid #a7c750;}
#promo .gal li {.border-bottom: none;}
#promo .gal li img {border: 1px solid #465b10; float: right;}
#promo .gal li img:hover {border: 1px solid #c00006;}
#promo .gal li img.ver {margin: 0 32px;}
#promo .gal li h4, #promo .gal li p {margin: 0 250px 0 0px; text-indent: 0;}
#promo .gal li h4 {margin-bottom: 20px; font-family: serif; font-size: 1.5em; font-style: italic; color: #000;}
#promo .gal li hr {clear: both; border: none; color: #fffcc7;}
#promo #content #bloc_01 {padding-bottom: 0px; background: none;}
#promo #content #bloc_02 {padding-bottom: 0px; background: none;}

#copyrightND {
	margin: 20px -20px 0;
	padding: 0 20px;
	font-size: 10px;
	text-align: right;
	color: #465b10;
	text-decoration: none;
	border-top: 1px solid #a7c750;
}

#footer {
	width: 618px;
	height: 60px;
	margin: 0 auto 100px;
	padding: 35px 66px 0;
	border: none;
	background: transparent url(css-img/footer.png) no-repeat left top scroll;
	clear: both;
	text-align: right;
	font-size: .8em;
	color: #899f45;
}
#footer a {border-bottom: none; color: #899f45;}
#footer a:hover {border-bottom: 1px solid #c00006; color: #c00006;}