/*  
Theme Name: Sirtin
Theme URI : http://www.sirtin.fr/
Description: Thème sobre et minimaliste.
Version: 1.0
Authors: Sirtin et Meyabulle
Author URI : http://www.sirtin.fr/ + http://www.meyabulle.fr/
*/

html {
font-size:100%;
}

body {
font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
font-size:0.875em;
line-height:1.5em;
text-align:justify;
color:#000;
background:url('img/fond.jpg');
margin:0;
padding:0;
}

#page {
width:1040px;
margin:20px auto;
}

#header {
height:160px;
width:876px;
background:url('img/banniere.jpg');
float:right;
border-top:4px solid #000;
border-right:4px solid #000;
border-left:4px solid #000;
}

#sidebar {
height:580px;
width:156px;
position:absolute;
background:#000;
top:20px;
border-bottom:4px solid #000;
border-top:4px solid #000;
border-left:4px solid #000;
}

#content {
width:716px;
float:right;
background:#fff;
border-right:4px solid #000;
border-left:4px solid #000;
border-bottom:4px solid #000;
margin:0;
padding:30px 80px 0;
}

#footer {
text-align:center;
background:#000;
color:#fff;
margin-bottom:20px;
margin-right:100px;
float:right;
clear:both;
width:200px;
padding:0 20px 5px;
}

#merci {
text-align:center;
background:#000;
color:#fff;
float:right;
margin-top:20px;
margin-right:-80px;
width:400px;
padding:10px 20px;
}

#menu {
font-weight:700;
font-family:Georgia, "DejaVu Serif", "Bookman Old Style", Palatino, serif;
font-size:18px;
line-height:16px;
}

#menu ul {
list-style:none;
width:120px;
margin:4px 4px 4px 34px;
padding:0;
}

#menu li a {
display:block;
text-decoration:none;
color:#fff;
border-bottom:2px solid #000;
padding:4px 0;
}

#menu li a:hover {
background-color:#fff;
color:green;
border-bottom:2px solid green;
}

#menu div.menutitle a {
display:block;
margin-left:30px;
text-decoration:none;
border-bottom:2px solid #ffa800;
color:#ffa800;
width:120px;
padding:8px 0;
}

#menu div.menutitle a:hover {
color:green;
border-bottom:2px solid green;
}

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

.comments-template ol {
list-style:lower-greek;
margin:0;
padding:0;
}

.comments-template ol li {
margin-bottom:30px;
padding:0;
}

.comment_info {
font-weight:700;
text-align:center;
width:100px;
border-bottom:4px solid #ffa800;
margin:0;
padding:8px;
}

.commenttext {
border-left:2px solid #ffa800;
border-bottom:2px solid #ffa800;
margin:0;
padding:20px 20px 0;
}

.commentdata {
text-align:right;
font-style:italic;
color:#ffa800;
padding-bottom:4px;
}

textarea#comment {
width:100%;
border:2px solid #000;
}

input#author,#email,#url {
border:2px solid #000;
}

.commentbutton {
text-align:right;
}

.date {
margin-top:30px;
text-align:right;
font-size:0.625em;
font-style:italic;
color:#ffa800;
font-family:Georgia, "DejaVu Serif", "Bookman Old Style", Palatino, serif;
padding:0 20px;
}

.titre {
line-height:2em;
font-family:Georgia, "DejaVu Serif", "Bookman Old Style", Palatino, serif;
margin:0;
padding:0 20px;
}

.categorie {
text-align:right;
font-size:0.625em;
font-family:Georgia, "DejaVu Serif", "Bookman Old Style", Palatino, serif;
border-bottom:2px dotted #ffa800;
margin:0;
padding:0 20px;
}

.related {
border-bottom:2px dotted #ffa800;
margin:0;
padding:20px 60px;
}

.pierrot {
text-align:right;
font-size:0.625em;
font-style:italic;
font-family:Georgia, "DejaVu Serif", "Bookman Old Style", Palatino, serif;
margin:0;
padding:0 20px;
}

.edit {
text-align:right;
font-size:0.625em;
margin:0;
padding:0 20px;
}

a {
color:green;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline;
}

h2,h3 {
font-family:Georgia, "DejaVu Serif", "Bookman Old Style", Palatino, serif;
}

img {
border:none;
}

#icones {
text-align:right;
margin:0;
padding:10px 60px;
}

#recherche {
text-align:right;
margin:0;
padding:0 20px;
}

#s {
line-height:24px;
background:#000;
border:none;
color:#fff;
font-weight:700;
width:140px;
font-size:16px;
}

#loupe {
background:url('img/loupe.jpg');
border:none;
width:30px;
height:30px;
}

#erreur {
text-align:center;
}

a.info {
position:relative;
}

a.info span {
display:none;
}

a.info:hover {
background:none;
z-index:500;
}

a.info:hover span {
display:inline;
position:absolute;
white-space:nowrap;
right:40px;
background:#fff;
color:green;
border:2px solid #000;
padding:3px;
}

#hasard {
border-left:2px dotted #ffa800;
border-right:2px dotted #ffa800;
margin:0 30px;
padding:0 40px;
}

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

html>body #h1 a,html>body #header p,html>body #sidebar {
position:fixed;
}