/*
Theme Name: Ozmoz 
Theme URI: http://www.ozmoz.be
Description: Modifié à partir du thème Kubrick de Wordpress
Version: 2.0
Author: Thomas Dubois
Author URI: http://www.ozmoz.be
Tags: blue, custom header, fixed width, two columns, widgets 

*/

/* ----------------------------------------------- informations générales ------------------------------------------ */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Arial, Verdana, Sans-Serif;
	color: #4D5354;
	text-align: center;
	padding:0;
	margin:0;
	background:#ECEDE7;
}

* {
	padding:0;
	margin:0;
}


/* ----------------------------------------------- en-tête du site ------------------------------------------ */
div#header {
	background: #ECEDE7 url('images/bg.jpg') repeat-x;
}

		div#header_into {
			width: 750px;
			background:url(images/logo-ozmoz.jpg) no-repeat 0 0;
			margin:0 auto;
			padding:0;
		}
					
					/* description du site */
					 .descriptionsite {
						position:relative;
						padding:0;
						margin:0;
						height:79px;
						font-size: 0.6em;
						color:#fff;
					}
					
					.descriptionsite h1 {font-weight:normal; text-align:right;  margin:0; padding:45px 0px 0px 0px; }
					div#content {
						font-size: 1.5em;
						width: 750px;
						margin:0 auto;
						padding:0;
					}
					
		/* navigation du site */			
		#pagesmenu {
			width:760px;
			text-align:left;
			padding:0;
			margin:0;
		}
		
				#pagesmenu ul {
					margin:0; padding:0;
					
					/*border:1px solid #ff00ff*/
				}
		
						#pagesmenu ul li {
							list-style-type:none;
							text-align:center;
							float:left;
						}
						
								#pagesmenu ul li a{
									display:block; 
									font-size:1.4em;
									color:#3E5A70;
									padding:10px 17px 45px 17px;
									font-weight:normal;
								}
								
								@media screen and (-webkit-min-device-pixel-ratio:0) {
											#pagesmenu ul li a{padding:10px 22px 45px 22px;}
										}
								
								#pagesmenu ul li a:hover{
									background:url(images/bglinks-over.jpg) repeat-x;
									text-decoration:none;
									
								}
								
								#pagesmenu ul li.current_page_item a, #pagesmenu ul li.current_page_parent a {
									
								background:url(images/bglinks-over.jpg) repeat-x;
								text-decoration:none;
								
								}
								
								#pagesmenu ul li a span {
									color:#627E96;
									display:block;
									font-size:0.9em;
									white-space:nowrap;
								}

/* ----------------------------------------------- sidebar ------------------------------------------ */

#sidebar {
	margin:0px 0px 30px 0px;
}

#sidebar_into {
		padding:15px 30px 10px 30px;
		color:#5f7706;
		/*background:#8fb504 url(images/background_sidebar.jpg) repeat-x;¨¨*/
		background:#c0ea28;
		border:5px solid #9DD100;
		font-size:1.5em;
		margin:0 auto;
		position:relative;
		width:680px;
}

		#sidebar_into p {
			padding:0;
			margin:0;
		}
		
		#sidebar_into a {
			color:#5f7706;
			font-weight:bold;
		}

		div#conteneurAuteur {
			float:left;
			width:98px;
		}

				div#conteneurAuteur img{
					border:0;
				}
				
				div#photoAuteur {}
						
						div#photoAuteur img {
							margin:0px 0px 10px 0px;
							border:2px solid #fff;
						}
						
						div#facebook, div#rss, div#twitter {
							float:left;
							margin:0px 2px 0px 0px;
						}
				
				div#texteAuteur {
					float:left;
					width:550px;
					margin:10px 0px 0px 30px;
					text-align:left;
				}
				
						#sidebar_into .dernierTweet {
							margin:10px 0px 0px 0px;
							font-family:Georgia, "Times New Roman", Times, serif;
							font-style:italic;
						}

/* ----------------------------------------------- contenu du site ------------------------------------------ */


/* mise en page pour les pages */
.widecolumn {
padding: 0px 0 20px 0px;
margin: 0px 0 0 0px;
width: 750px;
}
		
		.widecolumn .entry h2 {
			background:none;
			border:none;
			color:#2B667F;
			font-size:1.8em;
			font-weight:normal;
			margin:0;
			padding:20px 0px 20px 0px;
			line-height:1.2em;
		}

/* mise en page pour le blog */
.narrowcolumn {
padding: 0 0px 20px 0px;
margin: 0px 0 0;
width: 750px;
text-align:left;
}
		.post {
			margin: 0 0 40px 0px;
			text-align: left;
			line-height:1.3em;
			border:2px dotted #2B667F;
		}
		
				 div.titre{
					background:#2B667F url(images/background_titre.jpg) repeat-x;
					padding:15px 0px 10px 10px;
					color:#fff;
				}
						
						div.titre h2 {
							padding:0px 0px 5px 15px;
							font-size:1.5em;
							font-weight:normal;
						}
						
						div.titre a, div.titre .infosup a, div.titre h2 a, .titre h2 a:hover, div.titre h2 a:visited {
							color:#fff;
						}
						
						div.titre a:hover {
							text-decoration:underline;
						}
				
						
						div.titre span {
							margin:0px 0px 0px 15px;
							font-size:0.8em;
						}
				
		
				/* contenu blog */		
				.entry {
					font-size:0.9em;
					background:#fff;
					padding:20px 30px 20px 30px;
				}
						
						.entry img{
							margin:20px 0px 0px 0px;
							border:1px solid #2B667F;
							padding:5px;
						}
				
						div.imageTitreArticle {
							float:left;
							margin:0px 30px 0px 0px;
						}
						
						div.imageTitreArticle img {
							margin:0;
						}
						
						.entry div.texteArticle{
							float:left;
							width:450px;
						}
						
						.entry img.wp-smiley {
							padding:0;
							margin:0;
							border:0;
						}
						
						.entry ul{
							margin:15px 0px 10px 0px;
							padding:0px 50px 0px 20px;
							font-size:0.9em;
							line-height:1.5em;
						}
						
						.entry ul li {
							padding:0px 0px 0px 0px;
							margin:0px 0px 0px 20px;
							list-style:disc;
						}
						
						.entry ul li a {
							color:#2B667F;
						}
				
						.entry h3{
							color:#2B667F;
							font-size:1.3em;
							padding:30px 0px 5px 0px;
							border-bottom:3px solid #2B667F;
							margin:0px 0px 15px 0px;
							clear:both;
						}
						
						.entry h4{
							color:#2B667F;
							font-size:1.1em;
							margin:30px 0px 15px 0px;
							padding:0px 0px 5px 0px;
							clear:both;
						}
						
						.entry p {
							margin:0px 0px 10px 0px;
						}
						
						.entry .encadrement{
							background:#dee7eb url(images/icone-download.jpg) no-repeat 10px 10px;
							padding:17px 20px 10px 100px;
							color:#2B667F;
							border:1px solid #c7d7dd;
							border-left:10px solid #c7d7dd;
						}
						
						.entry .encadrement a {
							color:#2B667F;
						}
						
						.entry .encadrement a:hover {
							text-decoration:underline;
						}
						
						.entry .more-link { background:#2B667F; padding:5px 10px 5px 10px; color:#fff; margin:10px 0px 0px 0px; display:inline-block }
						.entry .more-link:hover { background:#9DD100; color:#fff}
						
						span.more {padding:0px 0px 50px 0px;}
				
				
				/* commentaires blog */
				
				div.listeCommentaires {
					margin: 0 0 40px 0px;
					text-align: left;
					line-height:1.3em;
					border:2px dotted #2B667F;
					background:#fff;
				}
						
						.listeCommentaires h3{
							color:#2B667F;
							font-size:1.3em;
							margin:30px 0px 15px 0px;
						}
				
						#commentlist {
							text-align:left;
							font-weight:normal;
						}
									#commentlist li {
										list-style: none;
										margin:0px 0px 30px 0px;
										}
										
										div.imageCommentaire{
											float:left;
											width:80px;
											font-size:0.8em;
										}
												
												div.imageCommentaire img {
													border:#dddddc 1px solid;	
												}
												
												div.imageCommentaire .dateCommentaire {
													font-weight:0.2em;
													padding:0;
													margin:0;
												}
											
										
										div.texteCommentaire{
											float:left;
											background:#f3f3f3;
											border:#dddddc 1px solid;
											width:530px;
											margin:0px 0px 0px 30px;
											padding:15px;
											font-size:0.9em;
										}
											
											div.texteCommentaire p, div.texteCommentaire br {
												margin:0px 0px 15px 0px;
											}
											
											/*li.bypostauthor div.texteCommentaire {
												background:#2B667F;
												color:#fff;
											}*/
				
						.commentaires, div.conteneurFormulaire {
							margin:30px 30px 20px 30px;
						}
						
						div.conteneurFormulaire {
							margin:30px 0px 0px 0px;
						}
						
								div.imageGravatar {
									float:left;
									width:100px;
									margin:0px 40px 0px 15px;
								}
								
								div.formulaireCommentaires{
									float:left;
								}
				
									#commentform input, #commentform textarea {
										padding:10px;
										background:#f3f3f3;
										color:#444;
										border:1px solid #dddddc;
										width:525px;
										margin:0px 0px 10px 0px;
									}
									
									#commentform textarea {
										height:100px;
									}
									
									#commentform input#submit {
										background:#2B667F;
										color:#fff;
										padding:8px;
										width:100px;
										border:none;
										cursor:pointer;
									}
									
									
/* ----------------------------------------------- footer du site ------------------------------------------ */

#footer {
	border: none;
	background:#444;
	color:#fff;
	border-top:#9DD100 3px solid;
	padding:15px 0px 25px 0px;
	margin:25px 0px 0px 0px;
	font-size:1.2em;
	text-align:left;
}
		#footer_into {
			width:750px;
			margin:0 auto;
		}
		
				#footer_into h2 {
					color:#9DD100;
					font-weight:normal;
				}

				#footer_into a {
					color:#fff;
					font-weight:bold;
				}
				
				#footer_into a:hover {
					color:#9DD100;
					font-weight:bold;
				}
				
				#footer_into ul li {
					list-style:none;
					border-bottom:1px solid #fff;
					font-size:1.1em;
					padding:5px;
				}
				
				#categories, #commentairesRecents {
					margin:0px 38px 0px 0px;
				}
				
				#categories, #commentairesRecents, #searchdiv {
					float:left;
					width:230px;
				}
				
				#footer_into #searchdiv {
					margin:0px 0px 0px 0px;
					width:210px;
				}
				
				#footer_into #searchform {
				margin: 0;
				padding: 2px 0px 20px 0px;
				text-align: left;
				}
				
						#footer_into #searchform #s {
						width: 150px;
						padding: 4px 0px 4Px 4px;
						color:#9DD100;
						border:0;
						}
						
						#footer_into #searchsubmit {
						display:inline-block;
						padding:3px 20px 3px 3px;
						margin:0;
						cursor:pointer;
						background:#fff url(images/loupe.jpg) no-repeat;
						border:none;
						}
						
							@media screen and (-webkit-min-device-pixel-ratio:0) {
									#footer_into #searchsubmit {
										padding:4px 20px 4px 3px;x
									}
							}

#signature {
	border: none;
	background:#9DD100;
	color:#fff;
	padding:5px 0px 5px 0px;
	font-size:1.2em;
}

/* ----------------------------------------------- styles de texte ------------------------------------------ */

a {
	color:#2B667F;
	text-decoration:none;
}


a:hover, ul li a:hover {
	color:#7ca403;
}

.clear { 
	clear: both; 
}						
						
hr {
	 display:block;
	 height: 1px;
	 margin: 10px 0px 0px 0px;
	 _margin: -7px 0;
	 padding: 0;
	 color: #2B667F;
	 background-color: #2B667F;
	 border: 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}


/* ----------------------------------------------- styles de pagination ------------------------------------------ */

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	background: #444;
	padding: 3px 5px;
	margin: 2px;
	color:#9DD100;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #9DD100;
	color:#444;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.wp-pagenavi .last,.wp-pagenavi .pages {
	background:none;
	border:none;
	color:#444;
}

/* galerie photos */

.widecolumn .ngg-albumoverview {
	font-size:12px;
	margin:-15px 0px 0px 0px;
}



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

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

.widecolumn .ngg-album div.ngg-description {
	margin:0px 0px 0px 20px;
}


.widecolumn  .ngg-album .ngg-thumbnail {
	width:150px;
}

.widecolumn  .ngg-album div.ngg-description {
}

.widecolumn  .ngg-album .ngg-thumbnail, .widecolumn  .ngg-album div.ngg-description  {
	float:left;
}

.widecolumn .entry .ngg-imagebrowser .nggv-star-loader {
	
}


.exif-data {
	text-align:left;
}


.widecolumn .entry .ngg-imagebrowser {
	padding:0;
	margin:0;
}

.widecolumn .entry .ngg-imagebrowser .imageGal {
	padding:5px;
	margin:0 auto;
	border:1px solid #cccccc;
}

.widecolumn .entry .ngg-imagebrowser img {
	margin:0;
	padding:0;
	border:none;
}

.widecolumn .entry .ngg-imagebrowser-nav {
	padding:0;
	margin:20px auto 20px auto;
}

.widecolumn .entry .ngg-imagebrowser .counter {
	padding:5px 0px 0px 0px;
}

.widecolumn .entry .ngg-imagebrowser a {
	display:block;
	width:100%;
	text-align:center;
}

.widecolumn .entry .ngg-imagebrowser .next, .widecolumn .entry .ngg-imagebrowser .back {
	margin:0;
}

div.separateur {
	border-bottom:1px solid #cccccc;
	margin:20px 0px 20px 0px;
}

.widecolumn .entry .ngg-albumoverview {
	margin:0px 0px 0px 0px;
}

.widecolumn .entry .ngg-albumoverview .ngg-description {
	width:500px;
}