/*
Theme Name: stev34theme
Theme URI: http://stev34.free.fr
Description: The first theme created by jb stevenard.
Version: 0.1
Author: jb stevenard
 
stev34theme by jb stevenard || http://stev34.free.fr
 
*/


body {
	font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
	font-size: 0.8em;
	text-align: left;
width:100%
	margin: 30px;
	min-width:240px;
}
input{
 margin:5px;	
}
img.image_header{
 max-width:100%;	
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#header {
	font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
	float: left;
	width: 90%;
	padding: 0 10px 20px 10px;
	 background-image: url(images/header.jpg);
} 
ul.menu{
	background:#cccccc;
		padding: 10px;
	
list-style-type: none;
}
ul.menu li{
	display:inline;
		padding: 20px;
		padding-top: 10px;
	font-size: 1.2em;
font-weight:bold;

	line-height:1.8em;
		
}
#header h1 {
padding: 0 20px 0 0;
font-size: 2em;
text-align: right;
}
 
#header p {
padding: 0 20px 0 0;
font-size: 1.5em;
text-align: right;
}


#page {
	margin: 0 auto 0 auto;
	padding: 20px;
	width: 90%;
	
 max-width:920px;	
}

#content {
		float: left;
		width: 90%;
margin-bottom: 20px;

	line-height:1.8em;
margin-left: 20px;
}


hr {

clear: both;
}
.post_gauche {
float: left;
width: 100px;
	
}

.post_droite {
float: right;
width: 100%;
}


#content h2 {
font-size: 1.3em;
}

#content h2 a{
font-size: 1.2em;
font-family: Century Gothic, Lucida Grande, Verdana, Arial, Sans-Serif;
}
#content h2 a:hover{
}
.postmetadata {
font-size: 0.8em;
}

.post_content {
font-size: 1em;
}

.sidebar {
		width: 200px;

margin: 20px 0 20px 25px;
}
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px;
}
.sidebar ul li{}
.sidebar ul ul li{}
.sidebar h2 {
font-size: 1.2em;
}
#footer {
font-size: 1em;
padding: 10px 10px 0 0;
clear: both;
width: 90%;
}

#footer p{
text-align: right;
font-size: 1em;
padding: 0 10px 20px 0;
}


.comments-template{
	margin: 10px 0 0 0;
}
 
.comments-template ol{
	margin: 10px;
	padding: 0 0 0 15px;
	list-style: none;
}
 
.comments-template ol p{
	font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
	font-size: 0.9em;
}
 
.comments-template ol li{
	margin: 10px 0 0 0;
	line-height: 15px;
	padding: 0 0 10px;
}
 
.comments-template h2, .comments-template h3{
	font-size: 1.2em;
}
 
.commentmetadata{
	font-size: 0.9em;
}
 
.comments-template p.nocomments{
	padding: 0;
}
 
.comments-template textarea{
	font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
	font-size: 0.9em;
}
  
.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

@media screen and (min-width: 700px) {
	.sidebarbas {
		display:none;
		
	}
		.sidebar {
			float: right;
	}

}
@media screen and (max-width: 700px) {

	.sidebardroite {
		display:none;
		
	}
	
	

}
/*
@media screen and (min-width: 1050px) {

	#content {
		float: left;
		width: 660px;
		
	}
	
	.sidebar {
		float: right;
		width: 200px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1050px) {

	#content {
		float: left;
		width: 620px;
		
	}
	
	.sidebar {
		float: right;
		width: 200px;
	}
}

@media screen and (min-width: 950px) and (max-width: 1000px) {

	#content {
		float: left;
		width: 580px;
		
	}
	
	.sidebar {
		float: right;
		width: 200px;
	}
}

@media screen and (min-width: 900px) and (max-width: 950px) {

	#content {
		float: left;
		width: 530px;
		
	}
	
	.sidebar {
		float: right;
		width: 200px;
	}
}
@media screen and (min-width: 850px) and (max-width: 900px) {

	#content {
		float: left;
		width: 490px;
		
	}
	
	.sidebar {
		float: right;
		width: 200px;
	}
}

@media screen and (min-width: 800px) and (max-width: 850px) {

	#content {
		float: left;
		width: 440px;
		
	}
	
	.sidebar {
		float: right;
		width: 200px;
	}
}


@media screen and (min-width: 768px) and (max-width: 800px) {

	#content {
		float: left;
		width: 410px;
		
	}
	
	.sidebar {
		float: right;
		width: 200px;
	}
}


@media screen and (min-width: 320px) and (max-width: 768px) {

	#content {
		
		width: 90%;
	}
	
	.sidebar {
		width: 90%;
		margin:auto;
	}

	.sidebar ul{
	display:inline;


	}
	.sidebar ul li{
	display:inline;


	}
	.sidebar ul ul li{
	display:inline;


	}

	.sidebar h2{
	display:inline;


	}

}

@media screen and (max-width: 320px) {

	#content {
		
		width: 90%;
	}
	
	.sidebar {
		width: 90%;
		margin:auto;
		
	}

}
*/