/*
Theme Name: TimeToShoot
Theme URI: http://timetoshoot.com/
Description: The theme for TimeToShoot project by <a href="http://das-art.com/">Das</a>.
Version: 1
Author: Das - Damien ALONSO-SÉGAL
Author URI: http://das-art.com/
*/

/* elements generaux */
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;
	outline: 0;
	font-size: 1em;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
dl, dt, dd, ol, ul, li {
	list-style-type: none;
}
acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed #999;
	}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.nettoyeur {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}
.separateur {
	clear: left;
	margin: 10px 0 30px;
	border: none;
	height: 1px;
	color: #999;
	background-color: #900;
}
a {
	color: #999;
}
a:hover {
	color: #999;
	text-decoration: none;
}


/* debut de la personalisation */
body {
	background: #000 url(../media/fond.png) repeat-y;
	line-height: 1em;
	font-family: "helvetica neue", helvetica, arial, verdana, sans-serif;
	color: #666;
}

#conteneur {
	width: 1200px;
}

#entete {
	width: 100px;
	float: left;
	background: #000;
	padding-top: 42px;
}
	#entete h1 {
	}

#das {
	width: 200px;
	float: left;
}

#xavier {
	width: 200px;
	float: left;
}

#flux {
	width: 400px;
	float: left;
	font-size: 0.8em;
	color: #555;
}
	#flux .contenu {
		padding: 20px 15px 50px;
	}
	#flux .contenu .article {
		clear: left;
		margin-bottom: 30px;
		padding: 5px;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		background: #f6f6f6;
		min-height: 48px;
	}
		#flux .contenu .article .icone {
			float: left;
		}
		#flux .contenu .article .titre-article {
			font-weight: bold;
			font-size: 1.1em;
			margin: 0 0 10px 53px;
		}
		#flux .contenu .article .contenu-article {
			margin-left: 53px;
		}
			#flux .contenu .article .contenu-article p {
				margin-bottom: 10px;
			}
			#flux .contenu .article .contenu-article img, #flux .contenu .article .contenu-article object {
				max-width: 306px;
				margin: 10px 0 15px;
			}
			#flux .contenu .article .feedflare a img {
				margin: 0;
				padding: 0;
				}

#histoire {
	width: 300px;
	float: left;
	font-size: 0.8em;
	color: #444;
}
	#histoire .contenu {
		padding: 20px 15px 50px;
	}
		#histoire .contenu p {
			margin-bottom: 15px;
			line-height: 1.3em;
		}

#pied {
	clear: both;
	font-size: 0.7em;
}
	#pied p {
		padding: 15px 5px 15px 100px;
		color: #fff;
		background: #222;
	}
		#pied p a {
			color: #fff;
		}

/* liste */
.navigation { 
	list-style: none; 
	width: 200px; 
	font-size: 0.8em; 
} 
	.navigation a, .navigation span { 
		display: block;
		padding-left: 10px;
		height: 30px;
		line-height: 30px;
		color: #444;
		font-weight: bold;
		text-decoration: none; 
		background: #c8c8c8 no-repeat;
	} 
	.navigation .bascule-sous-menu a, .navigation .bascule-sous-menu span { 
		background-image: url(../media/menu-enroule.png); 
	} 
	.navigation .ouvert a, .navigation .ouvert span { 
		background-image: url(../media/menu-deroule.png); 
	}
		.navigation .sous-menu a {
			color: #777;
			font-weight: normal;
			padding-left: 25px;
			background: #e6e6e6 url(../media/sous-menu.png) repeat-y;
			height: 25px;
			line-height: 1.5em;
		}
		.navigation .sous-menu a:hover {
			color: #000;
			text-decoration: underline;
		}