/*
Theme Name: Le Blog Kodak
Theme URI: http://leblogkodak.fr/
Description: The theme of the french Kodak Blog by <a href="http://das-art.com/">Das</a>.<br />2 files aren't included to the template folders and need to be at the root of the blog : envoi-form.php and test-form.php
Version: 1
Author: Das - Damien ALONSO-SÉGAL
Author URI: http://das-art.com/
Tags: kodak "it's time to smile" charte, fixed width, three columns, widgets
Text Domain: Kodak
*/

/* elements generaux */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
dl, dt, dd, ol, ul, li {
	list-style-type: none;
}
acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed #999;
	}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.nettoyeur {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}
.separateur {
	clear: left;
	margin: 10px 0 30px;
	border: none;
	height: 1px;
	color: #999;
	background-color: #900;
}
a {
	color: #999;
}
a:hover {
	color: #999;
	text-decoration: none;
}


/* debut de la personalisation */
body {
	background: #666 url('images/body-background.png') top left repeat-x;
	line-height: 1em;
	font-family: arial, helvetica, verdana, sans-serif;
	color: #333;
}

#extra1 {
	margin: 0 auto;
	width: 1004px;
	background: url('images/extra1-background.jpg') top center no-repeat;
}
#extra2 {
	margin: 0 0 0 17px;
	width: 987px;
	background: url('images/extra2-background.png') top center repeat-y;
}
#conteneur {
	background: url('images/conteneur-background.jpg') top center no-repeat;
}

#entete {
	height: 160px;
}
	#entete h1 {
		padding: 93px 15px 15px 498px;
		width: 237px;
		float: left;
	}
	#entete-menu {
		width: 171px;
		float: left;
		margin: 15px 49px 14px 17px;
	}
		#entete-menu li {
			margin-bottom: 10px;
			border: 1px solid #666;
		}
			#entete-menu li a {
				background: #ffb700 url('images/entete-menu-background-off.jpg') bottom left no-repeat;
				padding: 7px 10px;
				font-size: 0.8em;
				display: block;
				text-decoration: none;
				color: #666;
			}
			#entete-menu li a:hover {
				background: #ffb700 url('images/entete-menu-background-on.jpg') bottom left no-repeat;
				color: #000;
			}
	
#contenu {
	width: 534px;
	margin-top: 41px;
	padding-top: 11px;
	float: left;
	font-size: 0.8em;
}
h2.pagetitle {
	text-align: center;
	margin-bottom:  40px;
	font-size: 1.3em;
	font-weight: bold;
}
	.note {
		margin-bottom: 50px;
	}
		.note .info-date {
			display: block;
			width: 50px;
			height: 61px;
			padding: 10px 5px;
			text-align: center;
			float: left;
			background: url('images/date-background.png') top left no-repeat;
			color: #999;
		}
			.jour {
				display: block;
				font-size: 2em;
				font-weight: bold;
			}
			.mois {
				display: block;
				font-size: 1.5em;
				font-weight: bold;
				line-height: 1.1em;
			}
			.annee {
				display: block;
				font-weight: bold;
				line-height: 0.9em;
			}
			
		.note h2 {
			margin-left: 82px;
		}
			.note h2 a, .note h2.erreur {
				margin: 20px 37px 10px 0px;
				font-size: 1.9em;
				line-height: 1em;
				font-weight: bold;
				color: #ffb700;
				text-decoration: none;
			}
			.note h2.erreur {
				margin-left: 42px;
			}
		.info-categorie {
			margin-left: 82px;
			color: #999;
			font-style: italic;
		}
			.info-categorie a {
				color: #666;
				text-decoration: none;
			}
			.info-categorie a:hover {
				text-decoration: underline;
			}
		.note-contenu {
			clear: left;
			margin: 20px 37px 45px 30px;
text-align:justify;
		}
			.note-contenu p {
				margin-bottom: 7px;
			}
			.note-contenu .alignright {
				float: right;
				margin: 5px 0 5px 5px;
			}
			.note-contenu .alignleft {
				float: left;
				margin: 5px 5px 5px 0;
			}
			.note-contenu .sociable {
				clear: left;
				padding-top: 20px;
			}
			.note-contenu h1 {
				font-size: 1.5em;
				font-weight: bold;
				color: #ffb700;
			}
			.note-contenu h2 {
				margin: 0;
				font-size: 1.3em;
				font-weight: bold;
				color: #ffb700;
			}
			.note-contenu h3 {
				font-size: 1.2em;
				font-weight: bold;
				color: #000;
			}
			.note-contenu h4 {
				font-size: 1.15em;
				font-weight: bold;
				color: #000;
			}
			.note-contenu h5 {
				font-size: 1.1em;
				font-weight: bold;
				color: #000;
			}
			.note-contenu h6 {
				font-size: 1.05em;
				font-weight: bold;
				color: #000;
			}
			.note-contenu strong, .note-contenu b {
				font-weight: bold;
			}
			.note-contenu em, .note-contenu i {
				font-style: italic;
			}
			.note-contenu u {
				text-decoration: underline;
			}
			.note-contenu blockquote {
				margin: 5px;
				padding: 10px;
				font-style: italic;
				background: #eee;
				border-left: 2px solid #ddd;
			}
			.note-contenu q, .note-contenu cite {
				font-style: italic;
				background: #eee;
				padding: 1px;
			}
			.note-contenu pre, {
				font-family: Monaco, Courier, "MS Courier New", Prestige, Lucida, "Everson Mono", monospace;
				font-size: 0.9em;
			}
			.note-contenu kbd {
				font-family: Monaco, Courier, "MS Courier New", Prestige, Lucida, "Everson Mono", monospace;
				font-size: 0.9em;
				border: 1px solid #ccc;
				padding: 1px;
			}
			.note-contenu code {
				font-family: Monaco, Courier, "MS Courier New", Prestige, Lucida, "Everson Mono", monospace;
				font-size: 0.9em;
				border: 1px solid #ccc;
				padding: 5px;
				display: block;
				margin: 5px;
			}
			.note-contenu ol li {
				list-style: decimal-leading-zero inside;
			}
			.note-contenu ul li {
				list-style: disc inside;
			}
			.note-contenu ul, .note-contenu ol {
				margin: 0 0 10px 5px;
			}
			.note-contenu table {
				width: 100%;
				text-align: center;
				border: 1px solid #333;
			}
			.note-contenu caption {
				font-style: italic;
				padding: 2px;
			}
			.note-contenu tbody, .note-contenu tfoot, .note-contenu thead, .note-contenu tr, .note-contenu th, .note-contenu td {
				border: 1px solid;
				padding: 2px;
			}
			.note-contenu tfoot, .note-contenu thead {
				font-weight: bold;
			}
			
		.info-note {
			margin: 20px 37px 0 30px;
		}
			.info-note a {
				text-decoration: none;
			}
			.info-note a:hover {
				text-decoration: underline;
			}

		#commentaire, #formulaire-pret {
			clear: left;
			margin: 20px 37px 45px 30px;
		}
		#commentaire h3, #formulaire-pret h3 {
			clear: left;
			color: #ffb700;
			margin: 30px 0 15px 5px;
			font-weight: bold;
			font-size: 1.2em;
		}
		#formulaire-pret #result p.erreur {
			padding: 20px;
			margin: 10px 20px;
			border: 1px solid #600;
			background-color: #ff6f6f;
		}
		#formulaire-pret #result p.valid {
			padding: 20px;
			margin: 10px 20px;
			border: 1px solid #600;
			background-color: #fdc925;
		}
			.commentlist li {
				background: #ddd;
				padding: 15px;
				margin: 10px;
			}
			.commentlist li.alt {
				background: #eee;
			}
				.commentlist li .avatar {
					float: right;
					border: 1px solid #ccc;
				}
				.commentlist li p {
					margin-bottom: 5px;
					line-height: 14px;
				}
				.commentlist li p.commentmetadata {
					margin-bottom: 5px;
					font-size: 9px;
				}

			#commentform input, #commentform textarea, #form input, #form textarea {
				border: 1px solid #ccc;
				border-top-color: #bbb;
				border-left-color: #bbb;
				padding: 2px;
				margin: 2px;
			}
			#commentform textarea, #form textarea {
				width: 450px;
			}
			#formulaire-pret fieldset {
				border: 1px solid #ffb700;
				padding: 5px;
				margin: 15px 0;
			}
				#formulaire-pret fieldset legend {
					font-weight: bold;
				}
			#formulaire-pret label b {
				font-weight: bold;
			}
			#formulaire-pret label i {
				text-transform: italic;
				color: #999;
				font-size: 0.9em;
			}


	
	.navigation {
		padding-left: 100px;
		margin: 35px 0;
	}
	.navigation-article {
		display: none;
	}

#colonne-interne {
	float: left;
	width: 216px;
	margin-top: 8px;
	background: #fff url('images/colonne-interne-background.png') top right repeat-y;
	color: #666;
	font-size: 0.8em;
}
#colonne-interne .colonne-bas {
	width: 216px;
	height: 30px;
	background: #fff url('images/colonne-interne-bas.png') top right no-repeat;
}
	#colonne-interne > ul {
		margin: 5px 17px 0 26px;
	}
		#colonne-interne ul > li {
			margin-bottom: 25px;
		}
			#colonne-interne ul li h2 {
				color: #ffb700;
				font-size: 1.3em;
				font-weight: bold;
				margin-bottom: 5px;
			}
				#colonne-interne ul li ul li {
					margin-bottom: 3px;
				}
					#colonne-interne ul li ul li a {
						color: #999;
						text-decoration: none;
					}
					#colonne-interne ul li ul li a:hover {
						color: #333;
						text-decoration: underline;
					}
			/* Cas particulier */
			/* moteur de recherche */
			#colonne-interne ul li#search-3 form div input#s {
				width: 118px;
				height: 14px;
				background: url('images/search-input-S-background.png') top left no-repeat;
				border: none;
				color: #999;
				padding: 4px 6px;
			}
			#colonne-interne ul li#search-3 form div input#searchsubmit {
				width: 22px;
				height: 22px;
				border: 1px solid #666;
				background: #999;
				color: #fff;
			}
			/* nuage de tag */
			#colonne-interne ul li#tag_cloud-2 div a {
				text-decoration: none;
			}
			#colonne-interne ul li#tag_cloud-2 div a:hover {
				color: #333;
				font-weight: bold;
			}



#colonne-externe {
	background: url('images/colonne-externe-background.png') top right repeat-y;
	float: left;
	width: 237px;
	margin-top: 41px;
	font-size: 0.8em;
}
html[xmlns*=""] body:last-child #colonne-externe {
  margin-top: 0px;
}
#colonne-externe .colonne-bas {
	width: 237px;
	height: 21px;
	background: url('images/colonne-externe-bas.png') top right no-repeat;
}
	#colonne-externe > ul {
		margin: 0 10px 50px 27px;
	}
		#colonne-externe > ul > div {
			margin-bottom: 25px;
		}
			#colonne-externe ul > li {
				margin-left: 10px;
				margin-bottom: 25px;
			}
				#colonne-externe ul li h2 {
					color: #ffb700;
					font-size: 1.3em;
					font-weight: bold;
					margin-bottom: 5px;
				}
				#colonne-externe ul li ul {
					margin-left: 0;
				}
					#colonne-externe ul li ul li {
						margin-bottom: 3px;
						margin-left: 0;
					}
						#colonne-externe ul li ul li a {
							color: #ddd;
							text-decoration: none;
						}
						#colonne-externe ul li ul li a:hover {
							color: #fff;
							text-decoration: underline;
						}

#pied {
	font-size: 0.7em;
	padding: 30px 0;
	background: #666 url('images/pied-background.png') 10px 0 no-repeat;
}
	#pied p {
		width: 550px;
		text-align: center;
	}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#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;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

.alignleft{
margin-right:10px;
float:left;
}

.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.alignright{
margin-left:10px;
float:right;
}