body {
	margin: 0; border: 0; padding: 0;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 11px;
	}

a:hover { color:#cc0000; }

/* --- Newsletter --- */
#newsletter_frame {
	margin: 0px 10px 16px 10px;
	}
	#news_text {
		font-size: 0.9em;
		padding-left: 10px;
		padding-top: 1px !important;
		padding-top: 3px;
		width: 100px;
		background: #989696;
		border: 2px solid #2A2929;
		color: #fff;
		font-weight: bold;
		}
	#news_button {
		font-size: 0.8em;
		text-align: center;
		width: 30px;
		color: #FFFFFF;
		background-color: #666666;
		border: 2px solid black;
		}
		
#newsletter { background: #FFF url("images/newsletter_bgd.png"); }
#newsletter_01 { height: 100px; width: 600px; display:block; background: url("images/newsletter_01.png"); }
#newsletter .contenu { padding: 20px 40px 20px 40px; background: url("images/newsletter_contenu_bgd.png"); }
#newsletter_02 { height: 50px; width: 600px; display:block; background: url("images/newsletter_02.png"); }				



/* ------- TETIERE -------*/
#tetiere {
	display: block;
	margin:0;
	padding:0;
	border:0;
	height:157px;
	background: #FF5C00 url("images/t00new.gif") no-repeat 201px 0px;
	}

	#t00 {
		display: block;
		height: 157px;
		margin:0; padding:0; border:0;
		}
		#t00 a { display:block; height:157px; margin:0; padding:0; border:0; }


	/* CALENDRIER */
	#calendrier {
		float: left;
		display:block;
		width:181px;
		height:137px;
		margin:0;
		padding:10px;
		border:0;
		background:#FFF;
		/* overflow: hidden; */
		}
		#calendrier table {
			color: #414141;
			font-family: Verdana, sans-serif;
			font-size: x-small;
			font-weight: bold;
			text-align: center;
			line-height: 140%;
			padding: 2px;
			border-collapse: collapse;
			border:0;
			width:100%;
			}
			#calendrier caption {
				color: #FF5C00;
				font-family: Verdana, sans-serif;
				font-size: 1.1em;
				margin-top:10px;
				margin-bottom:10px;
				text-align: center;
				font-weight: bold;
				padding: 3px;
				}
				#calendrier th { text-align: center; font-weight: normal; }
				#calendrier td { text-align: center; }
				#calendrier td a { background: #87D300; color: #fff; text-decoration: none; }
					#calendrier td a:hover {	color: #FFFFFF; background: #414141; }
				.bglight { background-color: #fff; }
				.bglight2 { padding: 10px; background-color: #E1CEB4; }
		


	#date {
		clear: both;
		background-color: #414141;
		border-top: 1px solid #000000; border-bottom: 1px solid #000000;
		color: #FFFFFF;
		}

		.date {	
		  	width:201px;
			border-right: 1px solid #000000;
			font-size: 1em;
			color: #FFFFFF;
			text-align: center;
			}

/* tetière */

#page {
	clear: both;
	position: relative;
	width: 100%;
	}


/* ------ GAUCHE ------- */
#gauche {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 191px;
	background-color: #fff;
	border-right: 1px solid #000000; border-bottom: 1px solid #000000;
	overflow: hidden;
	padding: 20px 10px 20px 0px;
}


#gauche a {
	display: block;
	margin-left: 10px;
	padding: 4px 0px;
	font-family: Verdana, sans-serif;
	color: #FF6711;
	font-weight: bold;
	text-decoration:none;
	}
	#gauche a:hover { color: #414141; }	


#themes {
	font-family: Verdana, sans-serif;
	color: #87D300;	
	background: #414141;
	border: 2px solid #000000; border-left: 0;
	padding: 4px 10px;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 6px;
	overflow: visible;
	}

#QSN {
	font-family: Verdana, sans-serif;
	background: #414141;
	border: 2px solid #000000; border-left: 0;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 20px;
	overflow: visible;
	text-align:left;
	}
	#QSN a { color: #87D300; padding:0; margin:0; }
	#QSN a:hover { color: #000; }

#charte{
	font-family: Verdana, sans-serif;
	background: #414141;
	border: 2px solid #000000; border-left: 0;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 20px;
	overflow: visible;
	text-align:left;
	}
	#charte a { color: #87D300; padding:0; margin:0; }
	#charte a:hover { color: #000; }

#recherche {
	font-family: Verdana, sans-serif;
	}
	
	#recherche .titre {
		
		color: #414141;	
		background: #87D300;
		border: 2px solid #000000; border-left: 0;
		padding: 4px 10px;
		font-weight: bold;
		white-space: nowrap;
		}	
	
	#recherche form {
		margin: 0px;
		}
		
		.search_text {
			padding: 4px;
			font-size: 0.9em;
			color: #FFF;
			width: 120px;
			border: 1px solid #000;
			background-color: #989696;
			}
		.search_button {
			width: 24px;
			color: #FFFFFF;
			background-color: #666666;
			border: 2px solid #000;
			}

		#recherche div {
			margin-left: 10px;
			border-bottom: 1px solid #ccc;
			}
			
		#recherche div span {
			position: relative;
			top: -1px;
			color: #486582;
			font-weight: bold;
			font-size: 0.9em;
			padding: 0px;
			}			

#sondage {
	margin:0 0 20px 0;
	}
	#sondagetitre {
	font-family: Verdana, sans-serif;
	background: #414141;
	border: 2px solid #000000; border-left: 0;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	white-space: nowrap;
	overflow: visible;
	text-align:left;
	color:#87D300;
	}
	#sondage .titre { display:none; }
	#sondage .sondagetxt {
		font-family: Verdana, sans-serif;
		color: #000;
		font-weight: bold;
		margin:4px 10px 4px 10px;
		padding:0;
		}
	#sondage a { text-align:right; font-size:1.2em; margin-right:10px; }
	#sondage a:hover { color:#87D300; }


#votepage form { margin: 0px; }
#votepage td.resultat {
	border: 1px solid #000;
	margin: 0 0 6px 0;
	background: #999;
	}
#votepage td.resultat2 {
	border: 1px solid #000;
	margin: 0 0 6px 0;
	background: #eee;
	}	
	
#archives {
	font-family: Verdana, sans-serif;
	color: #87D300;	
	background: #414141;
	border: 2px solid #000000; border-left: 0;
	padding: 4px 10px;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 6px;
	overflow: visible;
	}	

/* ------ DROITE ------- */
#droite {
	position: absolute;
	right: 1px;
	top: 0px;
	width: 190px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	overflow: hidden;
	padding: 20px 10px 20px 0px;
	margin: 0px;
	}

#droite a {
	display: block;
	margin-left: 10px;
	padding: 3px 0px;
	font-family: Verdana, sans-serif;
	color: #FF5C00;
	font-weight: bold;
	text-decoration:none;
	}
	#droite a:hover { color: #486582; }	

#CAR { /* boite compte à rebourd */
	
	}

#droite div.titre {
		display: inline;
	 	font-family: Verdana, sans-serif;
		color: #87D300;	
		background: #414141;
		border: 2px solid #000000; border-left: 0;
		padding: 4px 10px;
		font-weight: bold;
		white-space: nowrap;
		margin-bottom: 14px;	
		}

#droite div.titre2 {
		display: inline;
	 	font-family: Verdana, sans-serif;
		color: #87D300;	
		background: #414141;
		border: 2px solid #000000; border-left: 0;
		padding: 4px 10px;
		font-weight: bold;
		white-space: nowrap;
		margin-bottom: 14px;	
		}

	#liens a {
		display: block;
		padding: 0px 0px 0px 32px;
		margin-bottom: 8px;
		}
	
		#mailto { background: url("images/_blog_mailto.gif") no-repeat 0px 0px; }
			
		#rss { background: url("images/_xml.gif") no-repeat 0px 0px; }
			
		#podcast { background: url("images/_rss.gif") no-repeat 0px 0px; }

	#mes_liens div {
		padding: 0px 10px 0px 8px;
		}
		
	#mes_liens a {	margin: 0px; }		
		
	#mes_liens .link {
		border-bottom: 1px solid #FF5C00;
		padding: 10px 0px;
		}		
			
	#mes_liens .hits { font-size: 0.8em; color: #333;	}
			
			
	#mes_liens .link_description {
			padding-top: 5px;
			margin-bottom: 5px;
			font-size: 0.9em;
			color: #FF5C00;
			}
			
	#telechargement table {
		margin-left: 10px;
		}
		
								
/* -------  ^^^^^^^  -------*/

div.spacer { width:200px; height: 10px; }

.searchpage_result { padding: 20px; }


.menu_dl_srub {
	font-family: tahoma;
	font-size: 0.9em;
	color: #666666;
	text-decoration: none;
	}



.legende_photo {
	font-family: tahoma;
	font-size: 0.8em;
	color: #666666;
	}

a { color: #666666; text-decoration: none; }
	a:hover { color: #486582; text-decoration: none; }

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

#container { background-color: #CC0000;	}

/* ------ CONTENU ------- */
#center {	
	margin-left: 201px;
	margin-right: 201px !important;
	margin-right: 202px;
	z-index: 100;
	border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;
	}

.content { padding: 20px; }

.content p {
	color: #333;
	text-align: left;
	margin-bottom: 10px;
	}

.content blockquote {

	}

.content h2 {
	color:#414141;
	font-family: Verdana, sans-serif;
	font-size:15px;
	border-bottom: 2px dotted #486582;
	text-align:left;
	font-weight:bold;
	margin-bottom: 10px;
	padding: 3px;
}

.content .lire_la_suite  { color:#414141; font-weight:bold; padding-left:25px; background:url("images/lire_la_suite.gif") no-repeat 0px 3px ; }
.content .lire_la_suite:hover  { color:#87D300; }

.content h3 {
	color: #FF5C00;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

.content p.posted {
	clear: both;
	color: #414141;
	font-family: Verdana, sans-serif;
	text-align: left;
	font-weight: bold;
/*	margin-bottom: 25px;
	padding: 3px; */
	margin-bottom: 15px;
	padding: 3px 3px 10px 3px;
	border-bottom:1px solid #999;
	}
	.content p.posted a { color:#FF5C00; }
	.content p.posted a.lire_la_suite  { color:#414141; background:none; padding-left:0; }
	.content p.posted a.lire_la_suite:hover  { color:#87D300; }
	.content p.posted a:hover { color:#000; text-decoration:underline; }	
	

/* ------ CONTENU end ------- */




/* ------- LIENS ------ */
a.lien {
	color: #486582;
	text-decoration: none;
}

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

a.telecharger {
	color: #486582;
	text-decoration: none;
}

a.telecharger:hover {
	color: #336699;
	text-decoration: none;
}
/* ------- LIEN end ------ */




.photo {
	text-align: left;
	margin-bottom: 20px;
	}

a.titre_rubrique { color:#87D300; font-weight:bold; }
a.titre_rubrique:hover { color:#FF5C00; text-decoration:underline; }

div.powered {
	font-size: 10px;
	text-align: center;

	margin-top: 50px;
	}
	
a.powered {
	font-family:  Verdana, sans-serif;
	color: #FF5C00;	
	text-decoration: none;
	}
	
a.powered:hover {
	text-decoration: none;
	color: #000000;
	}			

#comment-data {
	float: left;
	position: relative;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.image-full {
	width: 300px;
	}

.image-thumbnail {
	float: left;
	width: 130px;
	margin-bottom: 10px;
	}

.image-thumbnail img {
	width: 115px;
	height: 115px;
	}