/* Theme "Kameleon" orange et rouge
par Kozlika <http://www.kozlika.org/>
pour Dotclear <http://www.dotclear.net/>
Licence : GNU/GPL.
*/
 
body {
	margin : 0 ;
	padding : 0;
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	color : #000;
	font-size : 76%;
	background : #fff;
	line-height : 150%;
	text-align : left;
}

p { margin : 0.5em 0; }
img { border : none; }
form { display : block; margin : 0; padding : 0; }

.petit, .footnotes { font-size : 0.9em; margin : 0 0 1em 0; }

h1, h2, h3, h4, h5, h6{
	font-family: Arial, sans-serif;
	letter-spacing:-0.5px;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{font-size: 1em;}
h6{font-size: 0.9em;}


code,pre, kbd, samp { font-family : "Courier New",monospace; font-size : 1.1em; color :#330; }

pre {
	background : #f5f5f5;
	border : 1px solid #FF0033;
	margin : 0 2em;
	padding : 0.33em 1em;
	padding : 0.5em;
	text-align:left;
	white-space:normal;
		/* cach� pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow : auto;
	/* Fin hack Ne pas supprimer cette ligne */
}

q { font-style : italic; }

a:link, a:visited {
	color : #FF0033;
	text-decoration : none;
}
a:hover, a:focus, a:active {
  background-color : #f5f5f5;
	text-decoration : none;
}



/* Layout
-------------------------------------------------------- */
#page {
    width : 100%;
	padding : 0;
	margin : 0 auto;
	background : #fff url(images/filet.png) repeat-y 16em;
	text-align : left;
}

#top {
	color : #A20116;
	text-align:left;
	background : #fff ;
	margin : 0;
	padding : 0;
	font-family : Arial;
}
#top h1 {
	height : 82px;
	margin : 0;
	font-size : 2.25em;
	padding : 24px 20px 0px 20px;
}
#top a {
	color : #666;
	text-decoration : none;
}
#top a:hover {
    color : #d4011e;
    text-transformation : none
}
.sous-titre {
	display : block;
	padding : 0;
	margin : 10px 0 0 0;
	font-size : 0.5em;
	font-style : italic;
	letter-spacing : 0.5px;
	font-weight : normal;
}

#extranav {
    border-top : 1px dotted  #999;
    border-bottom : 2px solid  #FF0033;
    list-style-type : none;
    margin : -1px 0 0 0;
    padding : 0 16px;
    text-align : left;
    font-weight : bold;
}
#extranav li {
	display : inline;
	padding : 1px 0;
}
#extranav li a {
    color: #000;
    text-decoration: none;
    padding: 1px 10px;
}
#extranav li a:hover, #extranav li a.active {
    color: #fff;
    text-decoration: none;
    background: #FF0033;
}
#extranav li a.active {
    color : #fff;
}

#prelude {
	margin : -1px 0 0 0;
	padding : 0 15px 0 0;
	font-size : 0.85em;
	text-align : right;
	color : #fff;
	background : #fff;
	height : 20px;
}
#prelude a, #prelude a:hover, #prelude a:focus {
	color : #fff;
}

#main {
	width : 100%;
	float : right;
	margin : 0 0 0 -16em;
	padding :0;
	text-align : justify;
	background : transparent;
}

#main h3 {
	color : #666;
	margin-top : 2em;
}

#content {
	padding : 1px 4em 1em 2em;
	margin : 0 0 0 16em;
	background : transparent;
}


/* Sidebar
-------------------------------------------------------- */
#sidebar {
	width : 15.5em;
	float : left;	
	margin : 0 0 2em 0;
	padding : 0 0 2em 0;
	font-size : x-small;
	color : #666;
	background : transparent;
	line-height : 120%;
}

#languages, #search, #selection, #categories, #archives, #syndicate, #calendar, #links, #lasttexts, #lastcomments {
    margin-left : 10px;
    margin-right : 0;
}

#sidebar a:link, #sidebar a:visited {
	color : #666; /*A20116;*/
	text-decoration : none;
    border : none;
}

#sidebar strong a {
    color : #d4011e;
}
#sidebar a:hover, #calendar a:active {
	text-decoration : underline;
	color : #d4011e;
}
#sidebar h3 {
	font-size:1.3em;
	font-weight:normal;
	margin:0.5em 0 0.33em 10px;
	color : #333
}
#sidebar h2 {
	font-weight : bold;
	font-size:1.6em;
	margin:1.66em 0 0 0;
	padding : 3px 0.15em 6px 14px;
	letter-spacing : -0.5px;
}
#search h2 {
	margin-top : 0;
    background : transparent;
    padding-left : 0;
}
#sidebar ul {
	padding : 0;
	margin : 0 0 0 0.5em;
	list-style-type : none;
}

#sidebar li {
	margin-top : 0.15em;
	padding-left : 10px;
	background : transparent url(images/fleche.png) no-repeat 0 4px;
}

#sidebar li:hover {
}



/* Footer
-------------------------------------------------------- */
#footer {
	clear: both;
	margin: 2em 0 0 0;
	padding: 3px 10px 10px 10px;
	color: #fff;
	font-size: x-small;
	text-align: right;
	line-height: 100%;
	border-top : 1px solid #FF0033;
}
#footer a {
	font-weight : bold;
}


/* Post
-------------------------------------------------------- */
.day-date {
	font-size : 1em;
	text-transform:lowercase;
	margin-top : 0;
	text-align : left;
	padding-left:24px;
	color : #666;
	background : transparent url(images/date.png) no-repeat 0 50%; 
}

.post {
	margin-bottom : 2.5em;
	margin-top : 0;
}
.single, .list {
    padding : 0 10%;
    margin-bottom : 4em;
}
.post-title {
	text-align ; left;
  margin : 0;
	background : transparent; 
	padding:0;
	color : #FF0033;
	font-size : 1.6em;
	font-weight : bold;
}
.single .post-title {
	text-align:left;
	font-weight : bold;
}
.single a:link, .single a:visited {
	color : #A20116;
	text-decoration : none;
}
.post-title a {
	color :#FF0033;
	font-weight : bold;
	border : none;
}
.post-content h2, .post-content h3, .post-content h4, .post-content h5 {
	color : #666;
	font-weight : normal;
	margin : 1em 0 0.66em 0;
    text-transform : uppercase;
}
.post-content a:link {
	font-weight : normal;
	border-bottom : 1px dotted #FF0033;
}
.post-info, .post-info-co, .post-info-url {
	font-size : x-small;
	margin-bottom : 2em;
	color : #666;
	text-align : left;
}
.single .post-info {
	text-align : left;
	margin-bottom : 3em;
}
.post-info {
	margin-bottom : 0;
}
.post-info-url {
	margin-top : 1.5em;
	background : transparent url(images/comm.png) no-repeat 0px 8px;
	padding : 4px 0 2px 14px;
	border-top : 3px dotted #FF0033;
	border-bottom : 1px solid #FF0033;
}
.post-chapo {
	margin-bottom : 1.5em;
}
.post-content {
    margin-bottom:0;
	margin-top : 0.5em;
}
.post blockquote {
    font-family:Tahoma, "Lucida Grande", "Trebuchet MS", sans-serif;
    font-size:1em;
    margin:2em 0;
    padding-left:1.5em;
}
.post blockquote p {
    margin-top:1em;
}

#trackbacks h3, #comments h3, #comment-preview h3 {
	font-size : 1em;
}

#trackbacks, #comments, #comment-preview {
	margin : 0 10%;
}
.comm {
	font-size : x-small;
	margin-bottom : 1.5em;
	color : #333;
}
.comment-info {
	text-align : left;
	padding : 1px;
	margin-bottom : 0;
	color : #666;
}
.comment-number {
	font-size : 0.9em;
	padding : 0 2px;
	font-weight : bold;
	border : 1px solid #FF0033;
	background : #fff;
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 2em 0;
	padding : 1px 1em 0 0;
	color : #333;
}

/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}


/* Interactions
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 2em 0 0 1em;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background: #eceade;
}

input[type=submit], input[type=reset] {
	background : #999;
	color : #000;
}

input[type=submit]:hover {
	background : #fe9b18;
	color : #666;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.5em 0 0 0;
	clear : both;
    margin-bottom : 1em;
}

p.field label {
	display : block;
	font-size : x-small;
	width : 10em;
	float:left;
	color : #333;
}

.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
    margin-bottom : 1em;
}
#c_content {
}
#c_remember {
}
/** styles supplementaires **/
.descat {
	text-align : center;
	color : #666;
	margin-top : 0;
	margin-bottom : 1em;
	padding-bottom : 2em;
	border-bottom : 3px dotted #FF0033;
}
.titrecat {
	font-weight : bold;
	letter-spacing : 1px;
	text-transform : uppercase;
	margin-bottom : 0;
}
.catrss { 
    padding-left : 20px; 
    background : transparent url(images/rss.png) no-repeat center left; 
}

.pagenav {
    text-align : right;
    margin-top : 0;
    margin-bottom : 2em;
    font-size : x-small;
}
.pgp {
    background : transparent url(images/pgp.png) no-repeat 0 2px;
    padding : 2px 0 2px 16px;
}
.pgs {
    background : transparent url(images/pgs.png) no-repeat right 2px;
    padding : 2px 16px 2px 0;
}