
* { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333 }
body { background: #FFF; margin: 0; padding: 0; text-align: center }
img { border: none }

a, a:link, a:focus, a:visited { color: #777; text-decoration: none }
a:hover { color: #000 }
a:active { color: #777 }

.red { color: red }

/*
 *
 *	MAIN
 *
 */

#page { width: 960px; text-align: left; margin: 7px auto 0; padding: 0 10px; color: #333 }

/*
 *
 *		HEADER
 *
 */

#header { height: 80px }
#header #logo { float: left; width: 180px; height: 70px; margin: 0; padding: 0 }
#header #logo img { border: none }
#header #nav { float: right; position: relative; margin: 40px 0 0; padding: 0; text-align: right  }
#header #nav hr { border: none; border-bottom: 1px solid #EEE; width: 410px }
#header #nav .nav_spacer { margin: 0 5px }

/*
 *
 *		CONTENT
 *
 */

#content { clear: both; background: url('images/item_bg.jpg') no-repeat -4px 60px; font-size: 1.2em; text-align: left; margin: 30px 0 20px 0; padding: 20px 0 110px 200px; color: #333; text-align: justify; width: 530px; float: left }


/*	Titres	*/
h2 { font-size: 1.3em; margin: 0 0 10px; color: #333 }
h2 a, h2 a:visited, h2 a:link, h2 a:focus { font-size: 1.4em; margin: 30px 0 0; color: #3153B5 }
h2 a:hover { color: #333 }
h2.pagetitle { font-size: 1.6em; margin-top: 0px; text-align: center }

h3 { font-size: 1.2em; margin: 25px 0 10px; color: #333 }
h3 a, h3 a:visited, h3 a:link, h3 a:focus { font-size: 1.4em; margin: 30px 0 0; color: #3153B5 }
h3 a:hover { color: #333 }
h3.comments { padding: 0; margin: 0 auto 20px }


/*	Nav de droite	*/
#sidebar { float: right; width: 200px; text-align: left; margin: 40px 0 20px 10px; padding-left: 15px; border-left: 1px solid #CCC }
#sidebar a { font-size: 11px }
#sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; margin: 5px 0 0; padding: 0 }

#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777 }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0;  }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; font-size: 11px }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0;	padding: 0; font-size: 11px }
#sidebar ul ol li { list-style: decimal outside }

#sidebar ul#recentcomments li.recentcomments { color: #333 }

#sidebar #searchform { margin: 0; margin: 10px auto; padding: 5px 0; text-align: left }
#sidebar #searchform #s { width: 110px; padding: 2px }
#sidebar #searchsubmit { padding: 1px }

#sidebar div.textwidget { font-size: 1em }
#sidebar ul li a.rsswidget { display: block; margin: 7px 0 }
#sidebar h2.widgettitle a.rsswidget { display: inline }

#sidebar a abbr, #sidebar a:visited abbr, #sidebar a:link abbr, #sidebar a:focus abbr { color: #777; border: none }
#sidebar a:hover abbr { color: #000 }

#commentform textarea { width: 522px; padding: 2px; }
#commentform #submit { margin: 0; float: right; }


/*	Affichage central( liste posts, ...)	*/
div.navigation { display: block; text-align: center; margin-top: 0; margin-bottom: 20px; }
div.navigation .alignright { text-align: right; font-size: 0.95em }
div.navigation .alignright a { font-size: 0.95em; color: #888 }
div.navigation .alignright a:hover { color: #000 }
div.navigation .alignleft { text-align: left; font-size: 0.95em; display: block }
div.navigation .alignleft a { font-size: 0.95em; color: #888 }
div.navigation .alignleft a:hover { color: #000 }

div.entry { margin-bottom: 20px; margin-top: 30px; }
div.entry ul { padding-left: 30px } 
div.entry ul li { margin: 7px 0 }
div.entry ol { padding-left: 30px }
div.entry ol li { margin: 7px 0 }

select { width: 130px; }

blockquote { margin: 0; padding-left: 18px }
blockquote cite { margin: 5px 0 0; display: block; }

p.postmetadata { color: #333; padding: 0 0 15px; clear: left; font-size: 0.95em; }
p.postmetadata a { font-size: 1em; }
p.postmetadata ul, p.postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
p.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 8px 5px; margin: 0; }

small { font-size: 1em; }


.widecolumn .attachment { text-align: center; margin: 5px 0px; }		/* je ne sais pas à quoi ca sert (François)	*/


/* 	Commentaires	*/
ol.commentlist { padding: 0 }
ol.commentlist li { list-style-type: none; list-style-image: none; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 8px 5px 0; margin: 0 0 10px }
ol.commentlist .commentmetadata { margin: 0; display: block; }
ol.commentlist .nocomments { text-align: center; margin: 0; padding: 0 }


/*	Calendrier		*/
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; text-align: center }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 200px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; text-decoration: underline }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 1px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; }		/* Doesn't work in IE */


/*
 *
 *		FOOTER
 *
 */
 
#footer { clear: both; margin-bottom: 20px }
#footer hr { border: none; border-top: #EEE 1px solid; margin: 15px 0; width: 960px }
#footer span { color: #BBB; font-size: 11px }
#footer a { font-size: 11px }