/* Général */
body {
	padding:	0;
	margin:		0;
	background:	#ccccff;
	color:		#000000;
	font-family:trebuchet MS;
	font-size:	14px;
	text-align:	center;
	position:	relative;
}

img {
	border:		none;
}

form {
	margin:		0;
	padding:	0;
}

a {
	color:	#000000;
	text-decoration: none;
}

.separateur {
	clear:		both;
	margin:		0;
	padding:	0;
	border:		0;
	height:		0px;
	overflow:	hidden;
	visibility: none;
}

.petit {
	font-size:	11px;
}

.lien {
	color:		#660000;
	text-decoration: underline;
}

.lien:hover {
	color:		#cc0000;
	text-decoration: none;
}

.error {
	background:	#ffcccc;
	width:		458px !important;
	margin:		0 0 25px 0 !important;
	padding:	10px 5 !important;
	font-size:	14px;
	border:		solid 1px #660000;
	text-align:	justify;
}

.pad10 {
	padding:	10px;
}

.left {
	float:	left;
}

.right {
	float:	right;
}

.annee, .mois {
	font-weight:	bold;
}

.mois, .jour {
	font-size:	12px;
}

/* Top Com */
.topConteneur {
	width:		134px;
	height:		75px;
	background:	url('./img/bg_lachetoncom_top.png');
	position:	absolute;
	left:		-124px;
	top:		0px;
}

.topConteneur a {
	display:	block;
	margin-top:	26px;
	width:		70px;
	margin-left:30px;
	text-align:	justify
}


/* Pagination */
div#pagination {
	font-weight:bold;
	color:		#999999;
	font-size:	11px;
}

div#pagination span.prec{
	text-align:	left;
	display:	block;
	float:		left;
	width:		100px;
}

div#pagination span.center{
	text-align:	left;
	display:	block;
	float:		left;
	width:		268px;
	text-align:	center;
}


div#pagination span.suiv{
	text-align:	left;
	display:	block;
	float:		left;
	width:		100px;
	text-align:	right;
}


/* Bandeau */
h1#header {
	background:	url("./img/lachetoncom_header.png") no-repeat 10px 10px #ffffff;
	position:	relative;
	margin :	0 auto; 
	padding:	0;
	width:		823px;
	height:		120px;
}

h1#header #titre {
	position:	absolute;
	top:		20px;
	left:		145px;
	display:	block;
	color:		white;
	font-weight:bold;
	font-size:	38px;
}

h1#header #sous_titre {
	position:	absolute;
	top:		60px;
	left:		145px;
	display:	block;
	color:		white;
	font-weight:bold;
	font-size:	11px;
}


/* Conteneur */
div#contenu {
	position:	relative;
	background:	#ffffff;
	width:		823px;
	height:		auto;	
	margin :	auto;
	text-align:	left;
}


/* navigation */
ul#navigation {
	top:		-15px;
	left:		0px;
	margin:		0 0 0 10px; 
	padding:	0; 
	list-style:	none;
}

ul#navigation li {
	float:		left;
}

ul#navigation a {
	color:			#000000;
	text-decoration:none;
	text-align:		center;
	display:		block;
	float:			left;
	width:			96px;
	margin:			0 ;
	padding:		3px 0 0;
	height:			23px !important;
	height:			26px;
	background:		url("./img/lachetoncom_menu_off.png");
	font-weight:	bold;
}

ul#navigation a:hover {
	text-decoration:underline;
}


/* commentaires */
div#commentaires {
	position:	relative;
	clear:		both;
	float:		left;
	padding:	30px 0 0 10px;
	width:		480px;
}

div#commentaires div.com {
	clear:		both;
	width:		480px;
	height:		auto;
	margin:		0;
	padding:	0;
}

span.date {
	display:	block;
	float:		left;
	background:	url("./img/citation/bg_header_left.png") no-repeat 0 0 #e5e5e5;
	color:		#999999;
	font-size:	11px;
	padding:	5px 0 0 10px;
	height:		20px !important;
	width:		190px !important;
	height:		25px;
	width:		200px;
}

div.vote {
	display:	block;
	float:		right;
	background:	url("./img/citation/bg_header_right.png") no-repeat 255px 0 #e5e5e5;
	font-size:	11px;
	padding:	5px 30px 0 0;
	height:		20px !important;
	width:		250px !important;
	height:		25px;
	width:		280px;
	text-align:	right;
}

div.vote a.partage {
	margin:		0;
	padding:	0 2px 0 0;
}

div.vote a {
	color:		black;
	text-decoration: none;
}

div.vote span {
	color:		#999999;
	text-decoration: none;
}

div.vote a:hover {
	color:		#666666;
}

h2.titre {
	clear:		both;
	display:	block;
	background:	url("./img/citation/bg_header_right_bottom.png") no-repeat 455px 0 #e5e5e5;
	padding:	0 0 0 10px;
	margin:		0;
	font-size:	14px;
	font-family:trebuchet MS;
	width:		470px !important;
	width:		480px;
}

a.message {
	clear:		both;
	display:	block;
	background:	#e5e5e5;
	padding:	0 10px;
	width:		448px !important;
	width:		468px;
	text-align:	justify;
}

a.message b {
	color:		#999999;
}

span.footer_left {
	display:	block;
	float:		left;
	background:	url("./img/citation/bg_footer_left.png") no-repeat 0 0 #e5e5e5;
	height:		10px;
	width:		200px;
	overflow:	hidden;
}

span.footer_right {
	display:	block;
	float:		right;
	margin:		0 12px 0 0 !important;
	margin:		0 2px 0 0;
	background:	url("./img/citation/bg_footer_right.png") no-repeat 260px 0 #e5e5e5;
	height:		10px;
	width:		268px;
	overflow:	hidden;
}

span.icone {
	clear:		both;
	float:		left;
	display:	block;
	background:	url("./img/citation/bg_bulle.png") no-repeat 20px 0;
	width:		30px;
	height:		45px;
}

span.icone img {
	margin-top:	5px;
}

strong.source {
	float:		left;
	display:	block;
	width:		438px;
	height:		20px;
	font-size:	11px;
	text-align:	left;
	font-weight:normal;
}

strong.source a {
	color:		#666666;
	text-decoration: none;

}

span.categorie {
	float:		left;
	display:	block;
	width:		438px;
	height:		25px;
	font-size:	9px;
}

span.categorie a.cat {
	display:	block;
	float:		right;
	padding:	1px 0 0;
	width:		110px;
	height:		15px !important;
	height:		16px;
	color:		black;
	text-align:	center;
	text-decoration:none;
}

span.categorie a.cat:hover {
	background:	#ffffff;
}

span.footer {
	clear:		both;
	display:	block;
	width:		468px;
	height:		25px;
	overflow:	hidden;
	visibility:	none;
}

/* Arche */
div#arche {
	position:	relative;
	float:		right;
	padding:	20px 10px 0 0;
	width:		300px !important;
	width:		310px;
}

div#arche div {
	background:	#e5e5e5;
	margin:		0 0 25px;
	padding:	10px 0;
	border-left:solid 2px #cccccc;
}

div#arche strong.border {
	padding:	0 0 5px 10px;
	clear:		both;
	display:	block;
	margin:		0;
	border-left:solid 2px #cccccc;
}

div#arche ul.categorie {
	float:		left;
	width:		180px;
	margin:		0 0 20px 0; 
	padding:	0 0 0 10px; 
	list-style:	none;
	border-left:solid 2px #cccccc;
}

div#arche ul.categorie li {
	display:	block;
	height:		25px;
	font-size:	11px;
}

div#arche ul.categorie li a {
	display:	block;
	padding:	2px 0 0;
	width:		150px;
	height:		18px !important;
	height:		20px;
	color:		black;
	text-align:	center;
	text-decoration:none;
}

div#arche div.categorie li a:hover {
	background:	#ffffff;
}

div#arche ul.site {
	width:		54px;
	margin:		0; 
	padding:	0; 
	list-style:	none;
	overflow:	hidden;
}

div#arche ul.site li {
	padding:	1px;
	float:		left;
}

div#arche div.site a img {
	padding:	0;
	margin:		0;
	border:		0;
}

strong.arche_titre {
	padding:	0 10px;
	clear:		both;
	display:	block;
	margin:		0;
}

p.arche_message {
	clear:		both;
	display:	block;
	padding:	0 10px;
	text-align:	justify;
	margin:		0;
}

p.arche_message span.place{
	clear:		both;
	display:	block;
	float:		left;
	width:		20%;
	height:		20px;
	font-weight:bold;
	color:		#999999;
}

p.arche_message a.login{
	display:	block;
	float:		left;
	width:		50%;
	height:		20px;
	text-align:	center;
}

p.arche_message span.point{
	display:	block;
	float:		left;
	width:		20%;
	height:		20px;
	text-align:	right;
	color:		#999999;	
}

p.arche_message input {
	float:		left;
	margin:		0 5px 0 0;
	width:		80px;
	height:		14px;
	font-size:	11px;
	font-family:trebuchet MS;
}

.hurry {
	color:		#ffffff;
	background:	#ff3333 !important;
}

p.arche_message input.button {
	margin:		0;
	padding:	0;
	float:		left;
	width:		83px;
	height:		20px;
	font-size:	11px;
	font-family:trebuchet MS;
	border:		solid 1px #999999;
}

div#arche ul.compte {
	margin:		0 10px;
	padding:	0;
	list-style:	none;
}

div#arche ul.compte li {
	margin:		0;
	padding:	0 10px;
	border-left:solid 2px #ffffff;
}



/* Contribution */
form#contribution {
	margin:		0;
	padding:	0;
	clear:		both;
	width:		820px;
	height:		300px;
	display:	none;
}

form#contribution div#champs {
	clear:		both;
	background:	#e5e5e5;
	padding:	10px 0 0;
	margin:		0 0 0 10px;
	border-left:solid 2px #cccccc;
	width:		800px;
	height:		285px !important;
	height:		300px;
}

span.label {
	clear:		both;
	float:		left;
	display:	block;
	width:		200px;
	height:		22px !important;
	height:		25px;
	text-align:	right;
	padding:	3px 0 0;
	
}

span.field {
	float:		left;
	display:	block;
	width:		450px;
	height:		25px;
	background:	#e5e5e5;
	margin:		0;
	padding:	0px 5px;
}

span.field input {
	width:		400px;
	font-size:	14px;
	font-family:trebuchet MS;
}

span.field select {
	font-size:	14px;
	font-family:trebuchet MS;
}

span.field_area {
	float:		left;
	display:	block;
	width:		450px;
	background:	#e5e5e5;
	margin:		0;
	padding:	0px 5px;
}

span.field_area textarea {
	width:		400px;
	height:		150px;
	font-size:	14px;
	font-family:trebuchet MS;
}

div.boutton {
	clear:		both;
	display:	block;
	width:		800px;
	height:		25px;
	text-align:	center;
	font-size:	14px;
	font-family:trebuchet MS;
}

div.boutton input {
	text-align:	center;
	font-size:	12px;
	font-family:trebuchet MS;
	border:		solid 1px #666666;
	background:	#cccccc;
	width:		100px;
	height:		20px;
}

div.boutton input:hover {
	border:		solid 1px #999999;
	background:	#ffffff;
}

/* Footer */
div#footer {
	position:	relative;
	clear:		both;
	width:		823px;
	height:		16px;
	background:	#660000;
	text-align:	center;
	color:		#ffffff;
	font-size:	11px;
}

div#footer a {
	color:		#ffffff;
	font-size:	11px;
}

div#footer a:hover {
	background:	#ffffff;
	color:		#660000;
}


div#charte {
	position:	relative;
	clear:		both;
	float:		left;
	padding:	30px 0 0 10px;
	width:		480px;
}

div#charte h2 {
	margin:		0 0 10px 0;
	padding:	0;
	font-size:	16px;
	/*text-decoration: underline;*/
}

div#charte h3 {
	padding:	0 0 0 5px;
	margin:		0;
	color:		#999999;
	font-size:	14px;
	border-left: solid 2px #cccccc;
}

div#charte p {
	margin:		0 0 20px 0;
	padding:	0 0 0 5px;
	font-size:	14px;
	text-align:	justify;
	
	border-left: solid 2px #cccccc;
}

div#charte ul {
	margin:		0 0 20px 0;
	padding:	0 0 0 5px;
	list-style:	none;
	border-left: solid 2px #cccccc;
}

div#charte ul li a:hover{
	background:	#cccccc;
}


div#charte ul.partenaire li {
	padding-bottom:10px;
}


div#charte ul.partenaire li a:hover {
	background:	#e5e5e5;
}


/* Création de compte */
form.compte {
	/* border-left: solid 2px #cccccc; */
	margin:		0;
	padding:	0 0 0 10px;
}

form.compte div.label {
	clear:		both;
	float:		left;
	width:		180px;	
	height:		40px;
	font-size:	11px;
}

form.compte div.field {
	float:		left;
	width:		250px;
	height:		40px;
	font-size:	11px;
}

form.compte div.field input {
	width:		200px;
	margin:		6px 0 0;
	font-family:trebuchet MS;
	font-size:	11px;
}

form.compte div.field input.bouton {
	font-size:	14px;
	font-family:trebuchet MS;
	border:		solid 1px #999999;
	background:	#cccccc;
}


/* Catégorie */
.cat_1 {
	background:	#fff5cc;
	border:		dashed 1px #ffcc00;
}

.cat_2 {
	background:	#ffcccd;
	border:		dashed 1px #ff0008;
}

.cat_3 {
	background:	#ffccf7;
	border:		dashed 1px #ff00db;
}

.cat_4 {
	background:	#ddccff;
	border:		dashed 1px #4f00ff;
}

.cat_5 {
	background:	#cce5ff;
	border:		dashed 1px #0084ff;
}

.cat_6 {
	background:	#ccffd1;
	border:		dashed 1px #00ff11;
}

.cat_7 {
	background:	#ffe2cc;
	border:		dashed 1px #ff6600;
}

.cat_8 {
	background:	#ffcce0;
	border:		dashed 1px #ff006e;
}

.cat_9 {
	background:	#f1ffcc;
	border:		dashed 1px #c2ff00;
}