/********************************************************************
	GENERIC
********************************************************************/

html, body { margin: 0; padding: 0; }

body {
	background: #fff url("../img/bg.body.gif") center top repeat-y;
	font: normal normal 9pt arial, helvetica, sans-serif;
	color: #000;
}

h1, h2, h3, ul, li, p { margin: 0; padding: 0; }

strong, b { font-weight: bold; }

a { font-weight: bold; text-decoration: none; color: #37025B; }
a:hover { text-decoration: none; color: #997120; }

img { border: 0; }


/********************************************************************
	STYLES
********************************************************************/

.bold { font-weight: bold; }
.small { font-size: .8em; }
.italic { font-style: italic; }
.red { color: #AC3537 !important; }
.black { color: #000 !important; }
.alignLeft { text-align: left !important; }
.alignRight { text-align: right !important; }
.alignCenter { text-align: center !important; }
.floatRight { float: right; }

a.back { padding-right: 12px; background: url("../img/bg.back.gif") right 4px no-repeat; }
a:hover.back { background-image: url("../img/bg.back_over.gif"); }

a.top { padding-right: 12px; background: url("../img/bg.top.gif") right 4px no-repeat; }
a:hover.top { background-image: url("../img/bg.top_over.gif"); }


/********************************************************************
	STRUCTURE
********************************************************************/

div#wrapper {
	/*centrer la page */
	margin: 0 auto;
	width: 780px;
	text-align: left;
	/* fin centrer la page */
	background: url("../img/bg.wrapper.jpg") left top no-repeat;
}

div#header { height: 215px; width: 780px; }

div#header h1 { display: block; width: 190px; height: 90px; padding-top: 30px; padding-left: 30px; }
div#header h1 a { display: block; width: 190px; height: 90px; }
div#header h1 a strong { display: none; }

/* contenu */

div#content { width: 700px; margin-top: 15px; padding-left: 35px; padding-right: 35px; } /*moins 5px de marges gauches et droites à cause de IE6*/

div#content ul { margin-bottom: 10px; }
div#content ul li { list-style: none; padding-bottom: 2px; }
div#content ul li a { padding-left: 8px; background:url("../img/bg.list.gif") left center no-repeat; color: #8B739C; font-size: 10pt; text-decoration: none; font-weight: bold; }
div#content ul li a:hover { text-decoration: underline; } 
div#content hr { visibility: hidden; height: 30px; margin: 0; padding: 0; clear: both; }

div.post { padding-top: 30px; float: left; width: 700px; }

div.post h2 { color: #997120; font-size: 16pt; font-weight: normal; }

div.post h3 {
	color: #502C6A;
	font-size: 10pt;
	font-weight: normal;
	background: url("../img/bg.h3.gif") left center no-repeat;
	/*margin-left: -10px;
	padding-left: 10px;*/
	padding-left: 10px;
	width: 100%;
	border-bottom: 1px dotted #502C6A;
}

div.post p { color: #997120; padding-top: 1em; padding-bottom: 2em; }

div.post ol { margin: 0; padding: 0;  }
div.post ol li { list-style: none; float: left; }
div.post ol li img { width: 170px; height: 170px; padding-right: 6px; padding-bottom: 3px; }
div.post ol li img.lastimage { padding-right: 0px !important; }

div#footer { width: 710px; padding-left: 35px; padding-right: 35px; }

div#backlinks { clear: both; margin-top: 100px; padding-bottom: 15px; text-align: center; font: normal 7.5pt Arial, Helvetica, sans-serif; color: #552F02; }
div#backlinks p strong { color: #502C6A; font-size: 8pt; }
div#backlinks p a { font: normal 7.5pt Arial, Helvetica, sans-serif; color: #552F02; text-decoration: none; }
div#backlinks p a:hover { color: #BC9F7C; text-decoration: underline; }