/*** généralités ***/

* {margin: 0;padding: 0;}
html {font:75%/1.7em "Liberation Sans", "Lucida sans unicode", Verdana, Helvetica, sans-serif;color:#616263;background:url("img/552page2.png") no-repeat 20% 80%;}
body {width: 850px;margin:30px 30px 0 auto;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
ul {list-style-type:none;padding:0 0 0 20px;}
a:link, a:visited {color:#517CA1;text-decoration:none;}
a:hover {color:#333;}
.clearer {clear:both; visibility:hidden;}
div.separator {height:50px;background:url("img/separator.gif") no-repeat 50% 50%;}
p.separator {height:50px;background:url("img/separator.gif") no-repeat 50% 50%;}
img {border:none;}
.imgleft {float:left;margin:0.5em 1em 1em 0;}
.imgright {float:right;margin:0.5em 0 1em 1em;}

/*** en-tête ***/

#top {}

/*** contenu ***/

#page {}
#content {float:left;width:400px;background:transparent;padding:0 0 0 20px;}
#content h2 {font-variant:small-caps;border-bottom:1px solid #F3F3F3;color:#BE0C0C;letter-spacing:0.1em;}
#content h2 a:link, #content h2 a:visited {color:#BE0C0C;text-decoration:none;}
#content h2 a:hover {color:#DDD;}
#content .post  {text-align:justify;}
#content .post h3 {margin:10px 0 0 0;color:#009C00;}
#content .post p {margin:1em 0 0 0;line-height:1.4em;color:#313233;}
#content p a {text-decoration:underline;color:#7474A2;}
#content .post li {color:#313233;line-height:1.3em;}
#content p a:hover {color:#BE0C0C;text-decoration:none;}
#content p.post-info {margin:0;color:#C2C3C4;}
#content .comment_nb {margin:10px 0 0 0;}
#content .feed_categorie {margin:10px 0;text-align:center;}
#pagination {margin:10px 0;text-align:center;}

/*** pages statiques ***/

#content #apropos p {text-align:justify;}
#content #totalarticles ul {list-style-type:none;}
#content #totalarticles li a {display:block;padding:0 0 0 20px;border-bottom:1px solid #F3F3F3;color:#9E85AC;text-decoration:none;}
#content #totalarticles li a:hover {color:#765486;background:#F3F3F3 url("img/tab3.jpg") no-repeat center left;border-bottom:1px solid #DBDDF6;}
#content #recherche ol {margin:20px 0 0 0;}
#content #recherche li a {display:block;padding:0 0 0 20px;border-bottom:1px solid #F3F3F3;color:#9E85AC;text-decoration:none;}
#content #recherche li a:hover {color:#765486;background:#F3F3F3 url("img/tab3.jpg") no-repeat center left;border-bottom:1px solid #DBDDF6;}

	/*=== styles particuliers dans les articles ===*/

	.left {float:left;padding:0.5em 1em 0 0.5em;}
	.right {float:right;padding:0.5em 0.5em 0 1.5em;}
	.center {text-align:center;}
	.bold {font-weight:bold;}
	.ital {font-style:italic;}
	.aparte {font-style:italic;color: #9E9E9F;}
	.small {font-size:.8em;}
	.serif {font-family:serif;}
	.mono {font:normal 1.2em monospace;}
	.code {display:block;text-align:left;margin:0 0 0 0.5em;color: #BE0C0C;}
	.author {font-variant:small-caps;}
	.latin {font:italic 1.2em "Times New Roman", Times, serif;}
	.strike {text-decoration:line-through;color:#9E9E9F;}
	.cite {display:block;font-style:italic;border-left:20px solid #F1EEF5;margin:0 20px 0 10px;padding:0 0 0 12px;}
	.imgcite {font:italic 0.8em sans-serif;color:#BE0C0C;text-align:center;}
	.sep {margin:0 auto;}
	.erratum {border:1px solid #DEF;background:#EDEBD5;padding:3px;}
	
	/*=== BETL ===*/
	table#btle1 {}
	table#btle1 th {background:#7D7DA6;color:#FFF;text-align:center;}
	table#btle1 th.th10 {width:60px;}
	table#btle1 th.th30 {width:110px;}
	table#btle1 td {border:1px solid #CDE;border-collapse:collapsed;text-align:left;font-size:.9em;padding:10px 10px 5px 5px;vertical-align:top;}
	table#btle1 td.item0 {background:#EDEBD5;color:#333;font-weight:bold;}
      
	/*=== POISSONDO ===*/
	#poissondo {background:#333;padding:5px 3px;}
	#poissondo img {border:1px solid #FFE;}

/*** colonne de droite ***/

#sidebar {width:400px;float:right;border-top:1px solid #F3F3F3;background:#FFF;}
#sidebar #sideleft {width:218px;float:left;border-left:1px solid #F3F3F3;}
#sidebar #sideright {width:178px;float:left;border-left:1px solid #F3F3F3;border-right:1px solid #F3F3F3;}
/*#sidebar h2 {letter-spacing:8px;margin:0 0 20px 0;text-align:center;font:bold 1.6em "Liberation Serif";font-variant:small-caps;}
#sidebar h2 a:link, #sidebar h2 a:visited {color:#BE0C0C;}
#sidebar h2 a:hover {color:#7474A2;}*/
#sidebar h3 {font-variant:small-caps;color:#BE0C0C;letter-spacing:0.1em;padding:0 0 0 20px;}
#sidebar h3#title a {display:block;color:#BE0C0C;}
#sidebar h3#title a:hover {color:#7474A2;}
#sidebar p {margin: 0 20px;font:italic 0.9em "Liberation-serif";color:#BE0C0C;}
#sidebar ul {list-style-type: none;border-top:1px solid #F3F3F3;}
#sidebar li {padding:0;}
#sidebar li a:link, #sidebar li a:visited {display:block;padding:0 0 0 20px;border-bottom:1px solid #F3F3F3;color:#9E85AC;text-decoration:none;}
#sidebar li a:hover {color:#765486;background:#F3F3F3 url("img/tab3.jpg") no-repeat center left;border-bottom:1px solid #DBDDF6;}
#sidebar li span.catname {font-size:.7em;color:#CCC;}
#sidebar #gwl {height:110px;background:url("img/loupchienlogo.png") no-repeat 50% 50%;}

/*** pied-de-page ***/

#footer {clear:both;margin:50px 0 0 0;color: #BBB;border-top:1px solid #F3F3F3;}
#footer p {font-size:0.8em;text-align:right;margin:0 20px 0 0;}

/*** commentaires ***/

#comments, #form {margin:30px 0 0 0;}
#comments h2, #form h2 {margin:15px;font:bold 1.6em "Liberation Serif";color:#BE0C0C;}
#comments span.author {margin:0;font-weight:bold;color:#BE0C0C;}
#comments div.info_comments {}
#comments blockquote {margin: 0 0 20px 20px;padding:10px;line-height:1.4em;text-align:justify;background:#F7F8F9;border:1px solid #F3F3F3;border-left:20px solid #F3F3F3;}
#comments .feed_article {margin:20px 50px 20px 0;text-align:right;padding:0 10px 0 0;}
#form fieldset {border:none;}
label {margin:0 0 0 10px;padding:0 5px 0 10px;color:#333;background:#F1EEF5 url("img/tab3.jpg") no-repeat center left;}
input,textarea {margin:10px;border:1px solid #DBDDF6;}
textarea {background:url("img/plumered.png") no-repeat 99% 99%;}
input[type=submit], input[type=reset] {background:#F1EEF5;border:1px solid #D7D0E0;}
input[type=submit]:hover, input[type=reset]:hover {background:#FFF;}

/*** that's all, folks ! ***/