/* Ce fichier définit le style visuel pour les différents éléments du blog.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css
 * Pour mettre la barre de navigation à gauche, décommentez l'appel à 
 * layout-gauche.css
 */

@import "layout.css";
 
/* Les éléments HTML en général
*******************************************************************************/
body{
	background: black;
	color: white;
 	font-size: 75%;
	line-height: 1.4em;
 	font-family: Georgia, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: Georgia, Arial, Helvetica, sans-serif;
}

h1{font-size: 3.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.1em; color: #7c6a22;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
 	width: 100%;
	overflow: auto;
	border: 1px solid black;
}

html>body pre {
	overflow: auto;
	width: auto;
}

fieldset{
	border: 1px solid black;
	-moz-border-radius: 10px;
	color: black;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
	color: black;
}

input{
	border: 1px solid black;
	color: black;
	background: black;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	border: 1px solid black;
	color: black;
	background: black;
}

a{
		color: #e6c844;
		background: transparent;
		text-decoration: none;
	}
	
a:hover{
color: #3a4489;
}



.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
*******************************************************************************/
#page{
 	background-color: black;
}
 
/* L'entête
*******************************************************************************/
#top{
	height: 200px;
        background-color: black;
        background-image: url(img/FantasticFelinesBan.png);
        background-repeat : no-repeat;
        background-position: right top;
        display: block;
}

	

/* Le prélude
*******************************************************************************/ 
#prelude{
 	display:none;
}
	
/* Le contenu
*******************************************************************************/
.day-date{
	margin-left: 30px;
        border-bottom: 1px solid #e6c844;
        color : #e6c844;
        font-weight : bold;
	font-size: 1.5em;
        text-transform: capitalize;
        width: 100%;
}
	
.post-title{
	padding-left: 0px;
	margin-bottom: 0px;
	font-size: 1.2em;
        color : #3a4489;
        font-weight : bold;

}

	.post-title a{
		color: #3a4489;
		text-decoration: none;
	}
	
.post-info{
        position: absolute;
        right: 20px;
	margin-top: 0;
	color: #3a4489;
	background: transparent;
	padding-bottom: 1ex;
	font-size: 0.8em;
}



.post-content{
	text-align: justify;
        margin-top: 10px;
}

.post-content blockquote{
	font-family: Georgia, serif;
	border-left: 5px solid #864132;
}

.me {
  text-decoration : none;
  font-weight : bold;
  font-variant : small-caps;
  font-size : 8pt;
  color : #3a4489;
}

.troncheshot{
 text-align : center;
}

.troncheshot a {
 text-decoration : none;
 color : black;
}

.troncheshot a:hover {
  text-decoration : none;
  color : black;
}

.troncheshot a:visited {
  text-decoration : none;
  color : black;
}

.troncheshotlinks {
  position : relative;
  text-align : center;
  color : #e6c844;
  font-size : 11pt;
  top : 80px;
}

.troncheshotlinks a {
  text-decoration : none;
  font-weight : bold;
  color : #e6c844;
  border-bottom: 1px solid #e6c844;
}

.troncheshotlinks a:hover {
  color : #3a4489;
  border-bottom: 1px solid #3a4489;
}

#archives{
	 text-transform: capitalize;
         text-decoration : none;
         list-style-type : none;
         list-style-position:inside;
         font-size: 1.2em;
}

#archives ul{
        list-style-type : none;
}


#archives a {
  text-decoration : none;
  font-weight : bold;
  color : #3a4489;
}

#archives a:hover {
  color : #e6c844;
}

#mylinks{
	 text-transform: none;
         text-decoration : none;
         list-style-type : none;
         padding-top: 60px;
         list-style-position: inside;
         font-size: 1.2em;
         color : #e6c844;
}

li.archive_year {
  border-bottom: 1px solid #e6c844;
  color : #e6c844;
  font-size : 11pt;
  font-weight : bold;
  margin-left : 20px;
  margin-top : 10px;
  margin-bottom : 10px;
}

#mylinks a {
  text-decoration : none;
  font-weight : bold;
  color : #3a4489;
}

#mylinks a:hover {
  color : #e6c844;
}

/* La barre de navigation
*******************************************************************************/
#sidebar div{
	color: #e6c844;
}

	#sidebar div ul{
		margin: 0;
		padding: 0;
                color: #e6c844;
		list-style: none;
	}

#sidebar li{
	color: #e6c844;
}



#sidebar #sidebar-archives{
	 text-transform: capitalize;
}



/* Le pied de page
*******************************************************************************/	
#footer{
	margin: 0;
	padding: 1em;
	height: 27px;
	color: #e6c844;
	text-align: center;
}

#footer a{
	color: #e6c844;
}