/*
Theme Name: La gatte d'or
Theme URI: http://wordpress.org/
Description: Th&egrave;me Wordpress r&eacute;alis&eacute; par <a href="http://www.webscreens.be">Webscreens</a>
Version: 2.0
Author: Thomas Dubois
Author URI: http://www.alinoa.be
Tags: red, custom header, fixed width, two columns
*/

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.45em;
	padding:0;
	margin:0;
}

body, html {}

body {
	background:#9DBA32;
}

ul li {
	margin:0;
	padding:0;
}

a {
	color:#fC3500;
}

a img {
	border:none;
}

a:hover {
	color:#3F3F3F;
}

div#conteneur {
	margin:0 auto;
	width:990px;
}

		div#header {
			height:320px;
			margin:20px 0px 0px 0px;
			position:relative;
			width:990px;
			
		}
		
			div#header div#headerBg {
				background:url(images/laGatteDorHeader.png) no-repeat bottom left;
				height:86px;
				left:0;
				position:absolute;
				top:240px;
				width:990px;
				z-index:2;
			}
		
			div#header div#logo {
					background:url(images/laGatteDorLogoBg.png) no-repeat 0 0;
					left:80px;
					height:193px;
					position:absolute;
					top:170px;
					width:193px;
					z-index:4;
			}
			
					div#header div#logo a {
						background:url(images/laGatteDorLogo.png) no-repeat 0 0;
						display:block;
						height:143px;
						margin:25px 0 0 28px;
						text-decoration:none;
						width:143px;
					}
						
						div#header div#logo a span {
							visibility:hidden;
						}
			
			div#description {
				color:#D8D8D8;
				font-size:1.1em;
				left:290px;
				position:absolute;
				top:255px;
				width:650px;
				z-index:3;
			}
			
					div#description h1 {
						font-weight:normal;
					}
			
					div#description strong, div#description h1 {
							font-size:1em;
					}
			
			div#navigation {
				left:290px;
				position:absolute;
				top:172px;
				z-index:6;
			}
			
					div#navigation ul li {
						float:left;
						list-style:none;
					}
					
					div#navigation ul li a {
						background:#FC3500;
						color:#ffffff;
						display:block;
						font-size:1.2em;
						height:30px;
						margin:20px 10px 0px 0px;
						padding:5px 10px 0px 10px;
						text-decoration:none;
					}
					
					div#navigation ul li.current_page_item a, div#navigation .current_page_parent a{
						background:#ffffff;
						color:#FC3500;
					}
					
					div#navigation ul li a:hover {
						margin-top:5px;
						padding-bottom:15px;
					}
			
			div#ImageBg {
				left:42px;
				height:240px;
				overflow:hidden;
				position:absolute;
				top:0;
				width:990px;
				z-index:1;
			}
			
			div#contenuTexteHaut {
				background:url(images/laGatteDorContenuHaut.png) no-repeat 0 0;
				width:870px;
				margin:-15px 0px 0px 70px;
				padding:0px 0px 0px 0px;
				height:40px;
			}
			
			div#contenuTexte {
				background:#ffffff;
				margin:0px 0px 0px 70px;
				padding:25px 0px 0px 0px;
				width:870px;
			
			}
			
					div#colonneGauche * {
						font-size:1.05em;
					}
					
					div#colonneGauche {
						color:#3F3F3F;
						float:left;
						margin:0px 0px 10px 65px;
						padding:0px 0px 0px 0px;
						width:510px;
					}	
					
						div#colonneGauche h2 {
							background:url(images/laGatteDorTitreBg.gif) no-repeat 0 0;
							color:#ffffff;
							font-size:1.3em;
							margin:0px 0px 0px -20px;
							padding:15px 0px 30px 20px;
							width:525px;
						}
						
							div#colonneGauche h2 a {
								color:#ffffff;
								text-decoration:none;
							}
						
						div#colonneGauche h3 {
							color:#FC0035;
							font-size:1.4em;
							font-weight:normal;
							margin:0px 0px 10px 0px;
						}
						
							div#colonneGauche h3 a {
								font-size:1em;
								text-decoration:none;
							}
						
						div#colonneGauche h4 {
							color:#04717C;
						}
						
						
							div#colonneGauche strong {
								color:#0491A8;
							}
							
							div#colonneGauche p {
								margin:0px 0px 20px 0px;
							}
							
							div#colonneGauche ul {
								margin:0px 0px 20px 0px;
							}
							
							div#colonneGauche ul li {
								background:url(images/laGatteDorPuce.gif) no-repeat 0 4px;
								list-style:none;
								margin:0px 0px 5px 20px;
								padding:0px 0px 0px 25px;
							}		
					
					div#colonneDroite {
						float:left;
						margin:0px 45px 0px 45px;
						width:200px;
					}
							
							
							div.encart {
								background:#006f88 url(images/laGatteDorEncartBg.jpg) repeat-x 0 91px;
								color:#ffffff;
								margin:0px 0px 20px 0px;
							}
							
								div.encart span.date {
									color:#ffffff;
									display:block;
									font-size:1.4em;
									line-height:1em;
									margin:0;
									padding:10px 10px 0px 10px;
									margin:0;
									text-decoration:none;
								}
								
								div.encart span.description {
									color:#ffffff;
									display:block;
									margin:0;
									padding:0px 10px 7px 10px;
									text-decoration:none;
								}
								
								div#colonneDroite div.encart a {
									text-decoration:none;
								}
								
								div#colonneDroite div.encart a:hover span {
									color:#fC3500;
								}
					
								div#facebookFans {
									margin:0px 0px 20px 0px;
								}
								
			div#contenuTexteBas {
				background:url(images/laGatteDorContenuBas.png) no-repeat 0 0;
				width:870px;
				margin:0px 0px 0px 70px;
				padding:0px 0px 0px 0px;
				height:20px;
			}

div#footer {
	background:url(images/laGatteDorFooter.png) no-repeat 0 0;
	margin:0px 0px 20px 0px;
	padding:10px 0px 0px 0px;
	width:990px;
	text-align:center;
}

		div#footerInto {
			display:inline-block;
			color:#ffffff;
			padding:10px;
		}
		
		div#footerInto a {
			color:#ffffff;
		}
		
			div#footerInto a:hover {
				color:#3F3F3F;
			}
			
/* galerie photos */

div#contenuTexte .ngg-albumoverview {
	font-size:12px;
	margin:-15px 0px 0px 0px;
}

.ngg-albumoverview  .ngg-album {
	margin:0px 0px 0px 0px;
	border:none;
	border-bottom:1px solid #cccccc;
	padding:15px 0px 0px 0px;
}

.ngg-albumoverview .ngg-album img {
	margin:0px 0px 15px 0px;
}

.ngg-albumoverview .ngg-album div.ngg-description {
	margin:0px 0px 0px 180px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0px 20px 20px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 20px 20px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* blog */

div.post {
	margin:0px 0px 30px 0px;
}

div.postmetadata {
	background:#DAECEF;
	color:#0491A8;
	margin:-15px 0px 15px -15px;
	padding:5px 0px 5px 15px;
}

	div.postmetadata a {
		color:#0491A8;
		font-weight:bold;
	}
	
	div#colonneGauche blockquote {
		padding:10px 40px 10px 40px;
		font-style:italic;
		font-size:0.9em;
	}