/* include du layout */
@import "layout.css";

/*
	Couleurs tatane.com
		rouge:	#fa6705;
		orange: #ff9933;
		jaune:	#ffcc66;

*/

body, table {
	font-family: Trebuchet MS, Verdan, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 12px;
	color: #555;
}
img {
	border: 0px;
	padding: 0;
	margin: 0;
}
a {
	color: #ff9933;
	text-decoration: none;
}
a:hover {
	color: #ff9933;
	text-decoration: underline;
}

/*** menu ***/

	#menu a {
		color: #555;
	}

	#menu span.titrerub, #tools span.titrerub  {
		font-weight: bold;
		display: block;
		background-color: #f0f0f0;
		padding: 1px;
		color: #fa6705;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	#menu > span.titrerub:first-child, #tools > span.titrerub:first-child {
		margin-top: 0px;
	}

	#menu ul, #tools ul {
		margin: 0 0 20px 0;
		padding: 0 5px 5px 5px;
	}

	#menu li, #tools li {
		list-style-type: none;
	}

	#menu li a {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
		text-decoration: none;
		padding: 1px;
	}

	#menu li a:hover, #menu li a.selected {
		border: 1px inset #ddd;
		background: #f9f9f9 scroll url(../img/puceg.gif) center right no-repeat;
		color: #ff9933;
	}

/*** tools ***/

	/* * html #tools img {margin: 1px;} */

	#tools a {
		color: #555;
	}

	#tools div.center {
		text-align: center;
	}

	#tools li a {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
		text-decoration: none;
		padding: 1px;
		text-align: right;
	}
	#tools li a[hreflang]:after {
		font-size: 10px;
		content: "\A0["attr(hreflang)"]";
	}


	#tools li a:hover, #tools li a.selected {
		border: 1px inset #ddd;
		background: #f9f9f9 scroll url(../img/puced.gif) center left no-repeat;
		color: #ff9933;
	}

	#calendar {
		border: 1px solid #eee;
		width: 100%;
	}
	#calendar caption {
		font-size: 12px;
	}
	#calendar caption a {
		color: #ff9933;
		font-size: 14px;
	}
	#calendar th abbr {
		border: none;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 12px;
	}
	#calendar td {
		text-align: center;
		border: 1px solid #eee;
		font-size: 12px;
	}
	#calendar td a {
		color: #ff9933;
	}

	#recomm li a {
		text-align: center;
		border: none;
		padding-bottom: 2px;
	}
	#recomm li a:hover {
		border: none;
		background: none;
	}

/*** titres ***/

	#content h1 {
		padding-top :0;
		padding-left: 5px;
		margin-top: 0;
		font-size: 14px;
		color: #fa6705;
		border-left: 10px solid #ddd;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;

		background-color: #f9f9f9;
	}
	#content h2 {
		font-size: 13px;
		color: #ff9933;
	}
	#content h3, #tools h3 {
		font-size: 12px;
		color: #ffcc66;
	}
	#content h4 {
		font-size: 11px;
		text-indent: 20px;
		color: inherit;
		font-style: italic;
	}
	#content h1:first-letter, #content h2:first-letter, #content h3:first-letter, #content h4:first-letter {
		text-transform: uppercase;
	}


/*** articles ***/

	#content div.post {
	}

	#content div.post p.day-date {
		display : none;
		text-transform: capitalize;
	}

	/* titre */

	#content div.post h1.post-title a, #content div.post h1.post-title a:hover{
		color: #fa6705;
		text-decoration: none;
	}

	#content div.post h2.post-title {
		border-bottom: 1px solid #ff9933;
		margin: 0;
	}


	/* infos */
	#content div.post p.post-info {
		margin: 0;
		padding: 2px;
		text-align : right;
		background-color: #f0f0f0;
	}

	#content div.post div.post-content, #content div.post div.post-chapo {
		padding: 10px 0 10px 0;
		border-bottom: 1px solid #eee;
	}

	#content div.post p.post-info-co {
		text-align: right;
	}

	#content blockquote {
		background-color: #eee;
		/*-moz-border-radius: 10px;*/
	}

	#content ul li {
		padding: 2px;
		margin: 0;
	}

	#content #quicknav {
		margin-bottom: 10px;
	}


/*** paragraphes ***/

	#content em {
		font-style: italic;
	}

	#content p {
		margin-left: 10px;
	}

	#content pre {
		border: 1px solid #ddd;
		border-left: 10px solid #ddd;
		background-color: #fbfbe1;
		display: block;
		padding: 5px;
		margin: 10px;
		overflow: auto;
		width: 95%;
		/*white-space: nowrap;		*/
	}
	* html code {width: 98%;}

	#content li {
		padding: 5px;
	}

	table.code {
		border: 1px solid #ddd;
		background-color: #fbfbe1;
	}

	table.code tr > td:first-child  {
		border-right: 1px solid #ddd;
		background-color: #eee;
		text-align: right;
		width: 1%;
	}

	table.code tr td {
		padding: 2px;
		white-space: nowrap;
	}

/*** listes ***/


/*** divs ****/

	#content #sommaire {
		border: 1px solid #ddd;
		float: right;
		margin: 0px;
		padding:  5px;
		background-color: #f9f9f9;
	}

/*** formulaires ***/
	/*
	form {
		margin: 0;
		padding: 0;
	}

	input, textarea, select {
		font-family: inherit;
		font-size: inherit;
		border: 1px inset #a6a6a6;
		color: inherit;
	}
	*/

	#comment-form label.labelTab, #comment-form input.labelTab, #comment-form textarea {
		display: block;
		width: 270px;
		float: left;
		margin-bottom: 10px;
	}

	#comment-form label.labelTab {
		text-align: right;
		width: 140px;
		padding-right: 10px;
	}

	#comment-form br.clear {
		clear: left;
	}

	/*** search ***/

		form #q {
			width: 100px;
			font-size: 85%;
			border:	1px solid #ddd;
			background: #fbfbe1;
			padding: 2px;
			/*padding-left: 18px;
			background: #fff url(../img/q.png) no-repeat 4px center;*/
		}

		form #submit {
			background: #eee;
			padding: 1px;
			border: 1px outset #ddd;
		}

		form #q:focus {
			background: #fefefe;
		}