/* @override http://localhost:8888/wordpress3/wp-content/themes/creation_theme/style.css */

/*
Theme Name: Création Thème WordPress
Theme URI: http://www.fran6art.com/
Description: Thème créé par Francis Chouquet - Modifié par SDF75.
Version: 1.0
Author: Francis Chouquet
 
Creation Theme by Francis Chouquet || http://www.fran6art.com

*/


body {
font-family: Arial, Sans Serif;
font-size: 0.9em;
text-align: left;
background: #ffffff;
color: #444;
margin: 0;
padding: 0;
/* background: #555 url(images/header_bg6.jpg); */
background: #8C9BE7;
}

#page {
margin: 20px auto 20px 20px;	/* --------- Avant le 07 Déc 2010 : 30px au lieu de Auto, à droite (mettant la page à gauche ----------- */

width: 1300px; /* --------- Av 17 Sept 2012 : 1152 - Av le 07 Déc 2010 : 960px ----------- */
background-color: #FFFFFF;	/* ---#FFFCAC;-----*/
border: 1px solid #000000;  /* --------- Avant le 07 Déc 2010 : 5px #999 ----------- */
font-size:13px;	/* --------- Ajouté le 22 Déc 2010 ----------- */
color:#000;

}

/* header */

#header {
/*margin: 10px 20px 10px 20px;*/
margin-right:50px;
margin-top:20px;
margin-bottom:10px;
margin-left:51px;
height: 270px; /* --------- Avant le 07 Déc 2010 : 213px ----------- */
background-image: url(images/site-le-connard-2e.png);
}

* html #header {
margin: 20px 20px 10px 20px;
height: 270px; /* --------- Avant le 07 Déc 2010 : 213px ----------- */
background-image: url(images/site-le-connard-2e.png);
}

h1 a {
	position: absolute;
	left: -5000px;
	top: -5000px;
	text-indent: -5000px;
	}

#header p {
	position: absolute;
	left: -5000px;
	top: -5000px;
	text-indent: -5000px;
	}

/* home content */

#content {
width: 620px;        /* --------- Avant le 08 Déc 2010 : 580px ----------- */
margin-top: 60px;    /* --------- Rajouté le 07 Déc 2010 ----------- */
margin-left: 40px;   /* --------- Avant le 07 Déc 2010 : 10px ----------- */
padding: 20px 50px 20px 10px;
float: right;
}

* html #content {
width: 620px;        /* --------- Avant le 08 Déc 2010 : 580px ----------- */
margin-left: 10px;
padding: 20px 50px 20px 10px;
float: right;
}

#content h2 a {
font-family: Arial, serif;  /* --------- Avant le 07 Déc 2010 : Time - 36px ----------- */
font-size: 17px;
color:red;   /* --------- Rajouté le 07 Déc 2010 ----------- */
font-style: normal;
font-weight: bold;

line-height: 1em;
text-decoration: none;

}

#content h2 {
font-family: Georgia, serif;
font-size: 17px;
font-style: normal;
font-weight: normal;

line-height: 1em;
text-decoration: none;
color: #579200;
margin: 0;
}

.post_content {
font-family: Arial, serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1em;
color: #000000;
}


.tags {
	padding: 5px;
	margin-bottom: 30px;
	clear: both;
}

#date {
	font-family: Georgia, serif;
font-size: 17px;
font-style: normal;
font-weight: bold;
                    /* --------- Supprimé (letter spacing)  le 08 Déc 2010 : #555 ----------- */
line-height: 1em;
text-decoration: none;
color: #0000CC;  /* --------- Avant le 07 Déc 2010 : #555 ----------- */
}

#home-comments, #home-comments a {
	display: inline;
	color: #555;
}

/* sidebar */

.sidebar {
width: 400px;    /* --------- Avant le 08 Déc 2010 : 300px et avant le 03/01/2011 : 350 ----------- */
margin-right:30px;
margin-top:70px;
margin-bottom:0px;
margin-left:52px;
/*margin: 70px 20px 0 20px;*/
float: left;
font-size:13px;	/* --------- Ajouté le 22 Déc 2010 ----------- */
color:#000;
}

*html .sidebar {
width: 400px;    /* --------- Avant le 08 Déc 2010 : 300px ----------- */
margin: 0 10px 0 10px;
float: left;
font-size:13px;	/* --------- Ajouté le 22 Déc 2010 ----------- */
color:#000;

}

.sidebar p{
font-size:13px;	/* --------- Ajouté le 22 Déc 2010 ----------- */
color:#000;
}

.sidebar a {
	text-decoration: none;
        color:blue;
}

.sidebar ul{
list-style-type: none;
padding: 0;
margin-bottom: 20px;
margin-left: 0;
font-size:13px;
color:#000;

}

.sidebar ul h2{
	color: white;
	background: black;
	font-size: 14px;
	padding: 8px;
	font-weight: normal;
}

.widget{
	margin-bottom: 20px;
}

/* footer */

#footer{
clear: both;
margin: 0 10px 0 10px;

}

#footer p{
padding: 20px;
background-color: #999;
color: white;
}

#footer p a{
color: #ccc;
text-decoration: none;
}

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

a:hover {
	color:#555;
}

/* navigation */

#navbar {
display: block;
float: left;
background-color: red;
color:#FFFFFF;
margin-left: 52px;
margin-top: 50px;
margin-right: 20px;
width: 1197px;			/* --- Av le 17 Sept 2012 : 1070 --- */

}


#nav2 {
    font-family: Arial, sans serif;  /* --------- Rajouté le 07 Déc 2010 ----------- */
    font-size:15px;   /* --------- Rajouté le 07 Déc 2010 ----------- */
    font-weight:bold;  
    background: red;   /* --------- Avant le 07 Déc 2010 : #555 ----------- */
    color: #FFFFFF;      /* --------- Rajouté le 07 Déc 2010 ----------- */
}


#nav2, #nav2 ul {
	list-style: none;
	float: left;
	line-height: 1.3;
	padding: 0;
	width: 755px;	/* --------- Avant le 07 Déc 2010 : 705px ----------- */

	margin: 0;
        
}


* html #navbar {
margin-left: 10px;
margin-right: 30px;

}


#nav2 a ,#nav2 a:hover{
	display: block;
	text-decoration: none;
	border:none;
	background-color: black;
        
}

#nav2 li {
	float: left;
	list-style:none;
	border-right:1px solid #777;
}

#nav2 a,#nav2 a:visited {
	display:block;
	color: #FFFFFF;
        background-color: red;
	padding:6px 10px 6px 10px;
}

#nav2 a:hover, #nav2 a:active
{
	background:#000;
        color:#FFF;
	text-decoration:none
}	

/* Dropdown Menu */

#nav2 li ul {
        
	position: absolute;
	left: -999em;
	height: auto;
	width: 194px;
	border-bottom: 1px solid #a9a9a9;
        
}

#nav2 li li {
	width: 192px;	/* ---------------------Avant le 22 Déc 2010 : 184 et 182 -------------------- */

	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	
}

#nav2 li li a,#nav2 li li a:visited{
	font-weight:bold;
	font-size:13px;
      
	color:#FFF;
        
}

#nav2 li li a:hover,#nav2 li li a:active{
	color:white;
}	

 #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
}



a.main:hover{
    background:none;
}

#navbar #searchform {
	float:right;
	text-align:right;
	margin: 0;
	padding: 4px 10px;
		}

* {
	
}


/* gestion des commentaires */

.comments-template{
margin: 0px 0 0 0;
}

.comments-template ol{
margin: 0px;
padding: 0;
list-style: none;
}


.comments-template ol li{
background-color: #FFF;
margin: 10px 0 10px 0;
line-height: 15px;
padding: 0 0 0px;
display: inline;
float: left;
width: 580px;
}

.comments-template ol li p{

margin-left: 20px;
}

.reply {
	margin: 10px;
}


.comments-template ol li .depth-2 {
	background-color: rgb(166, 255, 255);
	width: 580px;
}

.comments-template ol li .depth-2 p textarea#comment {

	width: 550px;
}

.comments-template ol li .depth-3 {
	background-color: rgb(201, 203, 203);
	width: 580px;
}

.comments-template h2, .comments-template h3{
font-size: 1em;
margin: 0;
padding: 20px 0;
}


.comments-template p.nocomments{
padding: 0;
}


.cadre_commentaires {
background-color: #FFF
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

.avatar {
	float: left;
	border: 2px solid #ccc;
}

cite {
	padding: 0 0 0 15px;
	background-color: transparent;
	font-weight: bold;
	font-style: normal;
	
}

cite a{
	background-color: transparent;
	text-decoration: none;
}

.commentmetadata a {
	padding: 0 0 0 15px;
	background-color: transparent;
        color: #0000CC;
	text-decoration: none;
}

.comment-author {
	margin: 10px 10px 5px;
}

.comment_info {
	padding: 3px 0;
}



.comment {
	color: #555;
	padding: 20px 20px 20px 220px;
}

.comment p {
	margin-top: 10px;
	padding-bottom: 10px;
        padding-left:40px;
}


h3#respond {
clear: both;
}

ol.trackbacks-layout {
	clear: both;
	padding-bottom: 10px;

}

ol.trackbacks-layout li {
	padding: 20px;
	background: #ccc;
	width: 540px;
}

textarea#comment {
	width: 580px;
}


/* page search */

#searchno #searchform {
	float: left;
}

/* vignettes page d'accueil */

.wp-post-image {
	margin: 20px 20px 20px 0;
	float: left;
	border: 5px #ccc solid;
}