@charset "UTF-8";
/* CSS Document */

/*
Theme Name: mytheme
Theme URI: http://www.nicolas-verrier.com/wordpress
Description: mytheme
Version: 0.1
Author: Nicolas Verrier
 
Creation Theme by Nicolas Verrier
 
*/

html {
font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}

body {
margin: 0;
padding:0;
font-family: Helvetica, Arial, Sans-serif;
font-size: 0.8em;
color: #333;
background: #e4e1d7;
text-align: left;
/*height:100%;*/
}

#head{
width: 100%;
margin: 0 auto;
padding: 0;
background-image:url(images/fd_header_repeat.jpg);
background-repeat: repeat-x;
background-color:#c0b299;
float:left;
}

#page {
margin: 0 auto;
width: 900px;

}

	

/* HEADER.............................*/

#logo {
margin: 27px 0 0 15px;
padding: 0;
position: absolute;
}

#logo a {
width: 190px;
height: 104px;
display: block;
}

#gars {
margin: 84px 0 0 387px;
padding: 0;
position: absolute;
}

#gars a {
width: 58px;
height: 50px;
display: block;
}

#fille {
margin: 18px 0 0 790px;
padding: 0;
position: absolute;
}

#fille a {
width: 58px;
height: 52px;
display: block;
}

#header {
margin: 0 auto;
padding: 0;
width: 900px;
height:193px;
font-family: Georgia, "Times New Roman", serif;
background-image:url(images/fd_header.jpg);
background-repeat:no-repeat;
background-color:#e4e1d7;
}


#header h1 {
padding: 30px 0px 0px 40px;
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:5em;
font-weight:lighter;
color:#FFFFFF;
visibility: hidden;
}

#header h1 a {
color:#FFFFFF;
visibility: hidden;
}

#header h4 {
padding: 0px 0px 0px 40px;
font: 1.1em  Georgia, "Times New Roman", Times, serif;
color:#eeeeee;
visibility: hidden;
}





/* MENU : liste transformée en menu horizontal................*/


#menu {
font-variant:small-caps;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0.9em;
font-weight:lighter;
letter-spacing:1px;
margin: 0;
padding: 0;
}

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

#menu li {
float:left; /*pour IE*/
}

#menu ul li a {
margin:0;
padding: 15px 0px 0px 0px;;
display: block;
float: left;
width: 90px;
color: #736552;
text-decoration: none;
text-align: center;
border: none;
}

#menu ul li a:hover {
color:#ffffff;
} 

/* RSS................*/


#menu_rss {
font-variant:small-caps;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0.9em;
font-weight:lighter;
letter-spacing:1px;
margin: 0px 65px 0px 0px;
padding: 0;
}

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

#menu_rss li {
float:right; /*pour IE*/
}

#menu_rss ul li a {
margin:0;
padding: 15px 0px 0px 0px;;
display: block;
float: right;
width: 90px;
color: #736552;
text-decoration: none;
text-align: center;
border: none;
}

#menu_rss ul li a:hover {
color:#ffffff;
} 



/* FORMULAIRE DE RECHERCHE................*/

#searchdiv {
	position:absolute;
	top: 73px;
	margin-left: 650px;
}

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#header #searchform #s {
	background-color:#ece9e6;
	width: 150px;
	padding: 8px;
	font: 1em Arial, Helvetica, sans-serif;
	color:#8c8479;
	border: none;
	}

#header #searchsubmit {
	padding: 3px;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	}
	
.button {  
cursor: pointer;
color: #FFFFFF;
width: 50px;  
border: none;  
background:none;
}  

.button:hover {  
color: #FFFFFF;
background: #c1baa8;
}    
  

/* CONTENT.............................*/

/*#wp_quotes {
float: left;
width: 100%;
margin: 0 0 0 0;
padding: 15px 0 0 0;
color: #a3968d;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
font-weight:lighter;
border-bottom: 1px dotted #d4ccb9;
}

#wp_quotes div.wp_quotes_author {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 0.8em;
color: #a3968d;
font-weight:lighter;
}*/


#content {
float: left;
width: 570px;
background-image: url(images/fd_page.jpg);
background-repeat: no-repeat; 
background-position:top right;
margin: 15px 0px 30px 0px;
}
 
#content h2 {
font: 1.9em Georgia, "Times New Roman", serif;
font-weight:lighter;
color:#333333;
margin: 20px 0px 5px 0px;
}

/* Font titre rubrique.............................*/


#rubrique {
margin: 0 0 0 40px;
padding: 0;
height: 30px;
border-bottom: 1px solid #FFFFFF;
}

#rubrique h2 {
font: 2.4em Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
color:#bf7444;
margin: 20px 0px 15px 0px;
}

#rubrique h2 a {
color:#bf7444;
text-decoration: none;
}

#rubrique h2 a:hover {
color:#bf7444;
border-bottom: 1px dotted #bf7444;
}


/* Post.............................*/


.post {
background: #fff url(images/omb_bas_post.jpg) bottom no-repeat;
padding: 15px 40px 30px 40px;
margin-bottom: 30px;
min-height: 230px;
}

.post img {
border:1px solid #e7e7e7;
float:left;
padding:5px;
margin: 0px 20px 10px 0px;
}

.post_content {
font-size: 1em;
color: #333;
line-height:20px;
}

.post_content a {
color: #bf7444;
text-decoration: none;
}

.post_content a:hover {
border-bottom: 1px dotted #bf7444;
}

.postmetadata {
font-size: 0.9em;
color: #797996;
}
 
.postmetadata a {
font-size: 0.9em;
color: #bf7444;
}

.postmetadata a:hover {
border-bottom: 1px dotted #bf7444;
}

.more-link {
font-size: 0.8em;
color: #bf7444;
}

.more-link a:hover {
font-size: 0.8em;
color: #bf7444;
border-bottom: 1px dotted #bf7444;
}

img.wp-smiley {
margin:0px;
padding:0px;
border:0px;
float:none;
}


/* Positionnement de la date en bouton.............................*/

#date {
height: 43px;
width: 161px;
background-image:url(images/fd_date.jpg);
background-repeat: no-repeat;
margin: 40px 0px 0px 30px;
padding: 0;
font: 1em Georgia, "Times New Roman", serif;
color:#FFFFFF;
text-align:center;
line-height: 45px;
}

#date .month {
font: 0.9em Georgia, "Times New Roman", serif;
color:#8c8479;
}

#date .day {
font: 0.9em Georgia, "Times New Roman", serif;
color:#8c8479;
}


/* Début Commentaires.............................*/


.comments-template{
	margin: 0;
}
 
.comments-template ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
 
.comments-template ol li{
	margin: 0 0 20px 0;
	padding: 0;
	color: #333333;
	background-color:#ffffff;
}
 
.comments-template ol p{
	font-family: Helvetica, Arial, Sans-serif;
	padding: 0;
	margin:0;
}
 
.comments-template h2, .comments-template h3{
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	color: #333333;
	padding : 0 0 0 40px;
}
 
.commentmetadata{
	margin:0;
	padding: 10px 15px 5px 90px;
	font-size: 0.9em;
	color:#333333;
	background-image: url(images/ht_comment.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.texte_commentaire {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 1em;
	padding: 20px 40px 20px 40px;
	margin: 0;
	line-height: 18px;
	background-color:#f2f0eb;
	border: 1px solid #dad4c4;
	}
 
.footer_commentaire {
	margin: 0;
	padding: 0;
	height:32px;
	background-image:url(images/bas_comment.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.comments-template p.nocomments{
	padding: 0;
}
 
.comments-template textarea{
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 1em;
	color:#333333;
	padding: 15px;
}
 
.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin:0;
padding:0;
}

#comment {
background-color:#ffffff;
width: 500px;
padding: 15px;
font: 1em Arial, Helvetica, sans-serif;
color:#333333;
border:1px solid #CCCCCC;
}
	
#author {
	background-color:#fffff;
	width: 200px;
	padding: 4px;
	font: 1em Arial, Helvetica, sans-serif;
	color:#717171;
	border:none;
}
	
#email {
	background-color:#fffffff;
	width: 200px;
	padding: 4px;
	font: 1em Arial, Helvetica, sans-serif;
	color:#717171;
	border:none;
}
	

#url {
	background-color:#fffffff;
	width: 200px;
	padding: 4px;
	font: 1em Arial, Helvetica, sans-serif;
	color:#717171;
	border:none;
}

label {
margin:0;
padding: 0 0 0 15px;
font: 1em Georgia, "Times New Roman", Times, serif;
color:#555555;
border: none;
}


#auteur_commentaire {
margin:5px 0 0 0;
padding:0;
}

#email_commentaire {
margin:5px 0 0 0;
padding:0;
}


#url_commentaire {
margin:5px 0 0 0;
padding:0;
}



/* Navigation entre les posts.............................*/

#navigation_posts {
/*display:inline;*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin: 0;
padding: 10px 0 10px 0;
height: 18px;
}

.precedent {
/*display:inline;*/
float:left;
margin: 0;
padding: 0;
/*width: 100px;*/
text-align:left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
}

.precedent a {
color:#bf7444;
}

.suivant {
/*display:inline;*/
float:right;
margin: 0;
padding: 0;
/*width: 100px;*/
text-align: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
}

.suivant a {
color:#bf7444;
}

/* Navigation entre les pages.............................*/

.navigation {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
color:#bf7444;
}

.navigation a {
color:#bf7444;
text-decoration: none;
}

.navigation a:hover {
color:#bf7444;
}





/* SIDEBAR.............................*/
 
 
.sidebar {
float: right;
width: 260px;
margin: 80px 0 80px 0;
padding:0;
}

.sidebar h2 {
font: 1.1em Georgia, "Times New Roman", Times, serif;
color: #c17c4e;
font-variant:small-caps;
line-height:30px;
letter-spacing:2px;
font-weight:lighter;
margin: 20px 0 10px 0;
padding: 2px 0 0 30px;
background-image: url(images/puce_tit_sidebar.gif);
background-repeat: no-repeat;
background-position:left;
border-top: 1px solid #d4ccb9;
border-bottom: 1px solid #d4ccb9;
}

.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0 0 0 0;
font-weight:lighter;
/*border: 1px solid #d6cfbf;*/
}

.sidebar li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
font-weight:lighter;
line-height:22px;
color:#8c8479;
margin: 0;
}

.sidebar ul li a {
color:#8c8479;
}

.sidebar ul li a:hover {
color:#bf7444;
}


/* Rubriques : personnalisation .............................*/

#categories-3 li {
/*background-image: url(images/ico_rubriques.gif);
background-repeat:no-repeat;
background-position:left;*/
/*border-bottom: 1px dotted #BBBBBB;*/
margin: 0 10px 0 10px;
padding: 0 0 0 20px;
}

/* Rubriques : personnalisation .............................*/

#recent-posts-3 li {
margin: 0 10px 0 10px;
padding: 0 0 0 20px;
}

/* Liens : personnalisation de xoxo blogroll.............................*/

#linkcat-2 li {
/*background-image: url(images/ico_liens.gif);
background-repeat:no-repeat;
background-position:left;*/
/*border-bottom: 1px dotted #CCCCCC;*/
margin: 0 10px 0 10px;
padding: 0 0 0 20px;
}


/* Nuage de tags : centrage du nuage .............................*/


#wp-cumulus {
padding: 0 0 0 10px;
}


/* Archives : personnalisation .............................*/

#archives-3 li {
/*background-image: url(images/ico_archives.gif);
background-repeat:no-repeat;
background-position:left;*/
/*border-bottom: 1px dotted #CCCCCC;*/
margin: 0 10px 0 10px;
padding: 0 0 0 20px;
}



/* FOOTER.............................*/


#footer {
clear: both;
font-size: 1em;
background-image: url(images/fd_footer.jpg);
background-repeat: repeat-x;
width: 100%;
height:150px;
padding: 0;
margin: 0 auto;
}
	
#footerarea {
width: 900px;
margin: 0 auto;	
}

#footer p{
text-align: left;
font-size: 0.8em;
padding: 40px 0px 0px 0px;
font-family: Helvetica, Arial, sans-serif;
color:#DDDDDD;
line-height: 24px;
}

#footer a {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color:#EEEEEE;
border-bottom:1px dotted #DDDDDD;
line-height: 24px;
}
 
 
/* LIENS.............................*/


a {
color: #333;
text-decoration: none;
}

a:hover {
color: #bf7444;
text-decoration: none;
}

p {
padding: 0px 0px 15px 0px;
}