/*
Theme Name: Creation Theme
Description: Premier theme cree par Gwenael Michaud.
Version: 0.1
Author: Gwenael Michaud 
*/
a{
  color:#fdecc3;
  }
  
a:hover{
  color:#fff9eb;
  }

/*//////////////////////////////////////////////////////////////////////////////
                               Le conteneur
//////////////////////////////////////////////////////////////////////////////*/
body{
  background: #010d1f;
  font-family:Georgia, Geneva, sans-serif;
  font-size:0.8em;
  text-align: left;
  color: #000000;
  /*pour IE*/
  margin:0;
  padding:0;
  }

#page {
  width:1240px;
  margin:0 auto;
  }

/*//////////////////////////////////////////////////////////////////////////////
                               Le header
//////////////////////////////////////////////////////////////////////////////*/

#header {
    background:url(theme/bandeau3.jpg) no-repeat top center;
    margin:0 auto;
    height:456px;
    width:1240px;
    }

#header h1 {
padding: 0;
font-size: 1em;
text-align: right;
}
 
#header p {
padding: 0;
font-size: 0.5em;
text-align: right;
}

#RSS{
    height:30px;
    padding-left:769px;
    padding-top:68px;
    text-align:center;
    color:#ffffff;
	font-size:1.7em;
  }
  
#RSS a{  
	font-size:0.5em;
	color:#f2c90d;
	}

/*////////////////////////////////////////////////////////////////////////////// 
                                Le menu
//////////////////////////////////////////////////////////////////////////////*/

#menu{
  width:501px;
  height:62px;
  padding-top:164px;
  padding-left:340px;
  margin:0 auto;
  color:black;
  }
  
#menu ul li{
  list-style:none; /*retire les point sur les listes*/
  float:left; /*s'aligne sur la gauche*/
  padding:0; /*retire marge pour IE*/ 
  margin:0 28px 0 auto;
  line-height:53px;
  font-size:1.8em;
  font-style:italic;
  }
  
#menu ul li a{
  height:62px;
  display:block;/* forcer la liste a devenir un block*/
  background:no-repeat top left;
  color:black;
  text-decoration:none;
  }
  
#menu ul li a:hover{
   color:#555555;
  }

	
/*//////////////////////////////////////////////////////////////////////////////
                               Le contenu
//////////////////////////////////////////////////////////////////////////////*/

#contenu {
	width:900px;
	margin:auto;
	}

/*//////////////////////////////////////////////////////////////////////////////
                               Le content
//////////////////////////////////////////////////////////////////////////////*/
	
#content {
  float:left; /*permet l'alignement horizontal*/
  width:546px;
  /*background:url(theme/contenu.gif) repeat-y left;*/
  background-color:#0a1d37;
  padding:0 30px; /*décaler le texte de 20px sur la droite */
  color:white;
}

#content h2 {
  float:left;
  font-size:1.9em;
  font-style:italic;
  display:block;
  width:400px;
  margin:0;
  color:#e3deca;
  padding-bottom:0;
  }
  
#content h2 a{
	text-decoration:none;
}

#content h2 a:hover{
  color:#ffd869;
}

.date{
  background:url(theme/etoile.png) no-repeat left center;
  color:#ffe095;
  padding-left:36px;
  font-size:0.8em;
  margin:0 0 5px 0;
  clear: both;
  }
  
.categorie{
  color:#ffe095;
  font-size:0.8em;
  background:url(theme/etoile.png) no-repeat right center;
  padding-right:36px;
  text-align:right;
  margin-bottom:30px;
  }

.post{
	border-bottom: 1px solid #ccc;
	margin-bottom:25px;
	}
  
.postmetadata {
  float:right;
  display:block;
  background:url(theme/commentaire.png) no-repeat right;
  height:59px;
  width:119px;
  font-size:1em;
  text-align:center;
  line-height:21px;
  margin:0;
  padding-top:5px;
  color:#f2c90d;
}

.postmetadata a{
	color:#f2c90d;
	text-decoration:none;
}

.jaune {
	color:#f2c90d;
	text-decoration:none;
	font-size:0.35em;	
	}

.post_content {
  clear: both;
  font-size:0.9em;
  padding-left:5px;
  margin-top:2px;
  color:#ffffff;
}

.post_content a {
color: #006699;
}
 
.post_content a:hover {
color: #fff;
background: #006699;
}

/*//////////////////////////////////////////////////////////////////////////////
                               La sidebar
//////////////////////////////////////////////////////////////////////////////*/

.sidebar {
  float:right; /*permet l'alignement horizontal*/
  width:294px;
  background:url(theme/navigation.png) #091525; 
  color:white; 
  padding-top:-20px;
}

.sidebar a:hover {
text-decoration: none;
border-bottom: 1px dotted;
}

.sidebar h2 {
  font-size:1.6em;
  font-style:italic;
  color:#fdc435;
  padding-left:30px;
  margin-bottom:0px;
  }

.sidebar ul{
list-style-type: none;
margin: 0;
padding:0 10px;
}

.sidebar ul li{
  list-style:none; /*retire les point sur les listes*/
  padding-bottom:5px; /*retire marge pour IE*/ 
  padding-left:30px; 
  font-size:1.1em;  
  }
  
.sidebar ul li:hover{
  list-style-type:none;
  padding-left:30px;

  }
  
.sidebar ul li a{
  text-decoration:none;
  color:#fff9eb;
  }
  
.sidebar ul li a:hover{
  color:#ffd869;
  text-decoration:none;
/*  background:url(theme/etoile.png) no-repeat center left;*/
  }

.sidebar ul ul li{}

.debutbloc{
  width:294px;
  height:148px;
  margin:0 auto;
  background:url(theme/nav_haut.png) no-repeat top left
  }
  
 .debutbloc ul{
	padding-top:10px;
	}
  
.search{
	margin-top:10px;
	}
 
.finbloc{
  background:url(theme/nav_bas.png) repeat top left;
  background-color:#010d1f;
  width:294px;
  margin:0;
  height:260px;  
  }
 
/*//////////////////////////////////////////////////////////////////////////////
                               Le footer
//////////////////////////////////////////////////////////////////////////////*/

#footer {
  background:url(theme/footer2.png) no-repeat;
  padding:0 0 0 6px;
  width:1152px;
  height:287px;
  margin:0 auto;
  font-size: 1em;
  clear: both;
}

#footer p{
text-align: left;
font-size: 0.8em;
padding: 0 10px 20px 150px;
color:white;
}

/*//////////////////////////////////////////////////////////////////////////////
                               Les commentaires
//////////////////////////////////////////////////////////////////////////////*/

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

.comment-author {
border: 1px solid #ccc;
margin:5px 0;
padding:5px 10px 5px;
}

/*////////////////////////////////////////////////////////////////////////////// 
                                le chan recherche
//////////////////////////////////////////////////////////////////////////////*/

#recherche{
	padding-top:15px;
	width:345px;
	height:35px;
}

.search{
	padding-top:15px;
	}

#searchform input[type=text]{
	float:left;
	border:0;
	width:175px;
	height:27px;
	padding:8px 7px 0 7px;
	color:#959279;
	background:url(theme/recherche.png) bottom left no-repeat;
	margin:0 0 30px;
}

#searchform input[type=text]:hover{
	background-position:left top;
}

#searchform input[type=submit]{
	cursor:pointer;
	float:left;
	border:0;
	width:53px;
	height:35px;
	color:#959279;
	background:url(theme/recherche.png) bottom right no-repeat;
	margin:0;
	padding:0;
}

#searchform input[type=submit]:hover{
	background-position:right top;
}