/*   
	JahanDesign v2.1 stylesheet by Pierre Jahan 
	http://www.JahanDesign.com
*/

/* 
********************** screen layout **************************
*/

* { margin: 0; padding: 0; }
body { 
	text-align: center; 
	background: #C4A65D url(images/bg_body.gif) repeat-y top center;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 1.6em;
	color: #555;
}
#header {
	width: 760px;
	height: 120px;
	margin: 0 auto;
	position:relative;
	background:transparent url(images/bg_header.gif) center bottom no-repeat;
	}
#page {
	width: 760px;
	text-align: left;
	margin: 0 auto 10px auto;
	position:relative; 
	background: transparent url(images/bg.png) repeat-y top;
	z-index:10;
	}
#main {
	width: 554px;
	float: left;
	}
#top {
	width: 554px;
	height: 160px;
	}
#navigation {
	width:480px; 
	height:24px; 
	margin-left:40px;
	margin-bottom:24px;
	background-color:#892235;
}
#content {
	width: 480px;
	margin: 0;
	padding-left: 40px;
	}
#sidebar {
	float: right;
	margin: 0;
	padding: 0;
	width: 206px;
	overflow: hidden;
	}
#footer {
	clear: both;
	margin: 0;
	padding: 0;
	height: 60px;
	background: transparent url(images/footer.png) no-repeat bottom;
	}

/* miscellaneous */
#header h1 { float:left; }
#header h1 a {
	display:block;
	margin-left:10px;
	height:90px;
	width:270px;
	background:transparent url(images/logo_jahandesign.gif) no-repeat 0 0;
	text-indent:-999em;
}
#header h1 a:hover {
	background:transparent url(images/logo_jahandesign.gif) no-repeat 1px 1px;
	cursor:pointer;
}
#slogan { float:left;
}
#prelude {
	float:right;
	margin-top:60px;
	padding:10px;
	width:190px;
	text-align:right;
	color:#fff;
}
#prelude p { 
	margin-bottom:8px;
	font-size:1.1em;
}
#top h2 {
	width:554px; 
	height:0; 
	margin:0;
	padding-top:160px;
	background: transparent url(photos/rotator.php) no-repeat 40px 0;
}
* html #top h2 {height:160px; he\ight:0;}

/* Headers */
h1, h2, h3, h4, h5 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	text-align: left;
	}
h1 {
	font-size: 4em;
	color: #fff;
	}
h2, h2.pagetitle { 
	margin: 1em 1.5em 0 0;
	font-size: 2.1em;
	line-height: 1.2em;
	color: #645124;
	}
h3 { 
	margin: 1.5em 0 0;
	padding-top: 5px;
	font-size: 1.6em;
	color: #BD9C4A;
	}
h3.comments {
	margin: 40px auto 20px ;
	padding: 0;
	}
h4 { 
	margin: 1em 0 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #228976;
	}
h5 { 
	margin: 1em 0 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #B22C45;
	}
h6 { 
	margin: 1em 0 0;
	font-size: .8em;
	}

/* Various Tags & Classes */
a { 
	text-decoration: none;
	background: transparent url(images/dotlink.gif) repeat-x left bottom;
}
a:hover { 
	text-decoration: underline;
	color: #892235;
}
a:link, a:visited { color: #601825; }
a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color : #666;
}
h1 a, h1 a:hover, h1 a:visited  {
	color: #fff;
	background: transparent;
	}
h2 a, h2 a:visited, h3 a, h3 a:visited { 
	color: #601825;
	background: transparent;
	}
h2 a:hover, h3 a:hover { color: #892235; }

ul { list-style: none inside; }
ol li { list-style: decimal inside; }
p strong { color: #645124; }
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #D2BB82;
	}
cite { 
	text-decoration: none;
	color: #D2BB82;	
	}
acronym, abbr, span.caps {
	font-size: 1em;
	letter-spacing: .07em;
	cursor: help;
	background: transparent url(images/dot.gif) repeat-x left bottom;
	}
code, pre {
	font: 1.1em 'Courier New', Courier, Fixed;
	margin: 0 auto 1em auto;
	padding: .5em;
	text-align: left;
	white-space: normal;
	/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
	white-space: pre;
	width: 90%;
	overflow: auto;
	/* Fin hack Ne pas supprimer cette ligne */
	}
blockquote {
	margin: 1.5em 20px;
	padding: .4em 1em;
	font-style: italic;
	border-left: 2px solid #AE8E40;
	color: #645124;
	background-color: #EDE4CD;
	}
blockquote cite, blockquote q {
	margin: 5px 0 0;
	display: block;
	font-style: normal;
	}
hr { display: none; }
.center { text-align: center; }
.description {
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	}
#header, #header h1, #main, #top, #top h2 { overflow:hidden; }
#navigation h3 { display:none; }
#navigation ul {
	margin:0; 
	padding:0;
	}
#navigation li {
	width:120px;
	list-style-type:none; 
	display:inline; 
	}
#navigation a {
	float:left; 
	display:block; 
	width:118px; 
	height:22px; 
	text-decoration:none; 
	text-indent:3px;
	font-size:1.3em;
	background: transparent;
	color:#EEBCC5; 
	border:1px solid #B22C45;
	border-color:#D0415B #370E15 #370E15 #D0415B; 
	}
#navigation a:hover {
	color:#F8E5E8; 
	background-color:#B22C45; 
	border-color:#DA6A7F #601825 #601825 #DA6A7F; 
	}
#quicknav { font-size: .9em; }
#content { font-size: 1.2em; }
#content p { margin:10px 0 5px 0; }
#footer p {
	margin: 0;
	padding: 20px 0 20px 190px;
	}
#bottom {
	margin: 0;
	padding-bottom: 15px;
	}
.go {
	padding-right: 20px;
	background: transparent url(images/ico_offsite.gif) no-repeat 100% 80%;
	font-weight: bold;
}

/* Images */
p img {
	border: 1px solid #CCCCCC;
	padding: 3px;
	max-width: 100%;
	}
a img, img.smiley { 
	border: none;
	padding: 0
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	margin: 0 0 2px 7px;
	padding: 4px;
	display: inline;
	}
img.alignleft {
	margin: 0 7px 2px 0;
	padding: 4px;
	display: inline;
	}
.alignright { float: right; }
.alignleft { float: left; }

/* sidebar menus */
#sidebar { 
	font-weight: bold;
	font: 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	}
#sidebar h2 { margin: 0; }
#sidebar h3 { 
	margin: 0;
	font-size: 1.3em; 
	color: #3E3317;
	}
#sidebar p, #sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
#sidebar p, #sidebar p strong { color: #3E3317; }
#sidebar a:link, #sidebar a:visited { color: #EDE4CD; }
#sidebar a:hover { color: #892235; }
#sidebar li a {
	display: block;
	margin-left: 0;
	padding-left: 19px;
	padding-bottom: 5px;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(images/dot2.gif) no-repeat 0 1px;
}
#sidebar li a:hover { background: transparent url(images/dot2on.gif) no-repeat 0 1px; }
#sidebar #clients a {
	display: block;
	padding-left: 24px;
	text-decoration: none;
	background: transparent url(images/padlock.gif) no-repeat 2px 1px;
}
#sidebar #clients a:hover { background: transparent url(images/padlock_on.gif) no-repeat 2px 1px; }
#sidebar #categories li a, #sidebar #clients a {
	font-size: 1.2em; 
	font-weight: bold;
}
#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;
	}
#sidebar #links li a {	background: transparent url(images/ico_offsit.gif) no-repeat 0 4px; }
#sidebar #links li a:hover { background: transparent url(images/ico_offsite.gif) no-repeat 0 4px; }
#sidebar #syndicate a {
	background: transparent;
	font-weight: normal;
	}
#sidebar h2 span { display: none; }
#clients { background: transparent url(images/menu_vide.jpg) no-repeat 0 0; }
#selection { background: transparent url(images/menu_retenir.jpg) no-repeat 0 0; }
#categories { background: transparent url(images/menu_categories.jpg) no-repeat 0 0; }
#languages {  background: transparent url(images/menu_langues.jpg) no-repeat 0 0; }
#lastcomments {  background: transparent url(images/menu_comments.jpg) no-repeat 0 0; }
#links {  background: transparent url(images/menu_liens.jpg) no-repeat 0 0; }
#calendar {  background: transparent url(images/menu_calendrier.jpg) no-repeat 0 0; }
#archives {  background: transparent url(images/menu_archives.jpg) no-repeat 0 0; }
#syndicate {  background: transparent url(images/menu_fils.jpg) no-repeat 0 0; }
#calendar, #sidebar ul ul li, #sidebar ul ol li { color: #EDE4CD; }
#calendar td.active { border: 1px solid #EDE4CD; }

#citation {
	margin: 10px 0;
	padding: 0 15px;
	}
.citation-auto { 
	margin: 0;
	padding: 0 0 0 10px;
	border-left: 2px dotted #DFCFA8;
	color: #FFF;
	background-color: transparent;
	}
#clients {
	margin: 0;
	padding: 10px 15px 15px 10px;
	}
#selection, #categories, #lastcomments, #links, #archives, #calendar, #syndicate {
	margin: 10px 0 0 0;
	padding: 40px 15px 5px 10px;
	}
#pj, #languages { display: none; }
 	
/* Calendar */
#calendar table {
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
	}
#calendar caption {
	padding: 0 0 .3em 0;
	font-size: 1.2em;
	margin: 0 auto;
	}
#calendar abbr {
	border: none;
	font-style: normal;
	}
#calendar th, #calendar td {
	border: none;
	padding: 1px;
	}
#calendar td { text-align: center; }
#calendar td.active a { font-weight: bold; }
#calendar a { font-weight: bold; }

/* Editorial */
#edito { 
	margin-bottom: 24px;
	padding: 1.5em 1.5em 0;
	text-align: justify;
  background: #EDE4CD url(images/bg_edito.png) no-repeat top left;
  border: 1px solid #AE8E40;
	color: #645124;
}

/* List */
.pagenav { font: .9em; }
p.pagenav a {
	background: #DFCFA8;
	color: #892235;
	padding:2px;
	border: 1px solid #AE8E40;
	text-decoration: none;
}
p.pagenav a:hover {
	background: #B22C45;
	color: #fff;
}
p.pagenav strong {
	color: #892235;
	padding:2px;
	border: 1px solid #AE8E40;
}
.noblogPortfolio { display: none; }

/* Post */
#sommaire, .post { 
	clear: both;
	margin: 0 0 2em 0;
	}
#sommaire h3, .post h3, .post-content h3 { border-top: 1px solid #DFCFA8; }
#sommaire ul, .post ul, .post-content ul { 
	margin:.5em 0 .5em 1em;
	list-style-image: url(images/puce.png); 
}
.post ul ul, .post-content ul ul { list-style-image: url(images/puce2.png); }
.post ol, .post-content ol { list-style-type: decimal; }
.day-date {
	margin: 2em 0 0 0;
	padding: 3px 0 0 0;
	font-family: Georgia,"Times New Roman","New York",serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: right;
	color: #AAA;
	background: transparent url(images/line-1.gif) repeat-x top right;
}
.post-title { 
	margin: 0;
	padding: 0;
	color: #645124;
	}
.post-title a:link, .post-title a:visited { color: #601825; background: none; }
.post-title a:hover { color: #892235; background: none; }
.post-info {
	clear: both;
	margin: .2em 0 0 0;
	font-size: .85em;
	color: #aaa;
}
.post-chapo, .post-content { 
	clear:both;
	margin-bottom: 1.5em; 
}
.post, .post-chapo, .post-content { text-align: justify; }
.post-chapo { color: #000; }
.lire {
	text-align: right;
	font-weight: normal;
}
.post-services, .post-methodo, .post-profil, .post-contact, .post-news, .post-portfolio { padding-top: 18px; }
.post-services { background: transparent url(images/bg_services.png) no-repeat 0 0; }
.post-methodo { background: transparent url(images/bg_methodo.png) no-repeat 0 0; }
.post-profil { background: transparent url(images/bg_profil.png) no-repeat 0 0; }
.post-contact { background: transparent url(images/bg_contact.png) no-repeat 0 0; }
.post-portfolio { background: #FAF8F3 url(images/bg_portfolio.png) no-repeat 0 0; }
.post-news { background: #FAF8F3 url(images/bg_news.png) no-repeat 0 0; }
.post-info-co {
	clear: both;
	margin-top: .5em;
	margin-bottom: 3em;
	padding: .5ex;
	text-align: right;
	font-size: .85em;
	color: #aaa;
	/*
	border: 1px solid #E0E0E0;
	background: #FFF url(images/postinfo.png) repeat-x;
	*/
	/* -moz-border-radius connu pour ne pas etre valide
	-moz-border-radius: 5px; */
}
.post-info-co a:before { 
	margin-right: 1ex;
	content: url(images/ico_comments.gif); 
	}
#trackbacks, #comments, #comment-preview { margin: 0; }
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display: block;
	margin: 0 0 1em 0;
	padding: 1px 1em;
	font-style: normal;
	color: #AE8E40;
	background: transparent url(images/line-1.gif) repeat-x 0 0;
	}
#trackbacks h4, #comments h4 { color: #555; }
#trackbacks .comment-info { background: url(images/ico_tb.gif) 4px 60% no-repeat; }
#comments .comment-info { background: url(images/ico_comments.gif) 4px 60% no-repeat; }
.comment-info {
	margin: 0;
	padding: .3em 0 .3em 18px;
	}
.comment-number {
	font-family: Georgia,"Times New Roman","New York",serif;
	font-size: 1.8em;
}
.comment-number a { text-decoration : none; }
.nocomments, .postmetadata, strike { color: #897032; }

/* Error messages */
.error {
	padding: 0.5em;
	border: 1px solid #c00;
	background: #eee;
	}
.error ul { padding-left: 20px; }
.error li { list-style : square; }

/* Interactions */
fieldset {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	}
input, textarea {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	border-width: 1px;
	border-color: #645124;
	}
textarea { width: 95%; }
input[type], textarea[name] { background: #EDE4CD; }
input[type=submit], input[type=reset] {
	background: #601825;
	color: #EEBCC5;
	}
input[type=submit]:hover {
	background: #892235;
	color: #F8E5E8;
	}
p.field { margin: .5em 0 0 0; }
p.field label {
	display: block;
	font-weight: bold;
	font-size:.9em;
	}
.form-help { }
#comment-form { }
input.preview { }
input.submit { }
#c_nom { }
#c_mail { }
#c_site { }
#c_content { }
#c_remember { }

/* Extra blocks */
#block1, #block2, #block3 { 
	margin: 20px 0 0;
	padding: 0;
	text-align: center;
	}
#block1 a, #block2 a, #block3 a { background: transparent; }