/*
# -- BEGIN LICENSE BLOCK ----------------------------------
#
# This file is part of Dotclear 2.
#
# Copyright (c) 2003-2008 Olivier Meunier and contributors
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# -- END LICENSE BLOCK ------------------------------------
*/

/* Les liens
-------------------------------------------------------- */
a {
text-decoration: none;
}

a:link {
color: #2589C5;
text-decoration: none;
}

a:active {
color: #33CCFF;
text-decoration: none;
}

a:hover, a:focus {
color: #CC0000;
text-decoration: underline;
}

a:visited {
color: #2589C5;
text-decoration: none;
}

a img {
border: none;
}

.found {
background-color: #CCFFFF;
color: #000000;
}

/* Structure globale
-------------------------------------------------------- */
body {
font-size: 13px; 
color: #cccccc; 
background: #2589C5;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-align: center;
line-height: 1.5em;
margin: 0; 
}

#page {
border-collapse: collapse;
background-color: #000000;
border: none;
width: 1000px;
margin: auto;
padding: 0;
text-align: justify;
}

#wrapper {
width: 100%;
overflow: hidden;
margin: 0 auto 0 auto;
padding: 0;
}

#main {
background-color: #000000;
border-collapse: collapse;
width: 77%;
text-align: justify;
float: left;
padding: 0;
margin: 0;
}

/*#gen {
background: transparent url(img/main-bg.jpg) no-repeat center top;
background-attachment:fixed;
}*/

#content {
padding: 10px;
}

#sidebar {
width: 23%;
float: right;
margin: 0;
padding: 10px 0 10px 0;
}

#blognav, #blogextra {
padding:0;
margin:0;
}

#footer {
padding: 10px;
background-color: #000000;
}

/* Bannière
-------------------------------------------------------- */

#top {
width: 100%;
margin: auto;
padding: 0;
background: transparent url(img/genie.jpg) left top repeat-x;
height: 120px;
border-collapse: collapse;
border: none;
}

.bgtitle {
height: 120px;
}

.space {
background: transparent url(img/bgtitle.jpg) repeat-x;
width: 5px;
height: 120px;
}

.banner {
background: transparent url(img/rimbaud-epe.gif) right top no-repeat;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
height: 120px;
}

/* Le menu de navigation
-------------------------------------------------------- */
#navigation {
padding: 120px 0 0 0;
height: 25px;
overflow: hidden;
background: #184D79 url(img/cellpic3.jpg) repeat-x left;
}

#menu ul {
width: 1000px;
padding: 0;
margin: 0 auto;
font-family: Arial, sans-serif;
font-size: 12px;
list-style: none;
}

#menu ul li {
width: 80px;
height: 25px;
line-height: 25px;
background: #184D79 url(img/button-right.jpg) no-repeat 0px;
float: left;
color: #fff;
padding: 0;
text-align: center;
vertical-align: middle;
overflow: hidden;
}

#menu ul li a, #menu ul li a:visited {
display: block;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover {
background: #184D79;
color: #fff;
}

#menu ul li.current_item a {
background: #184D79;
color: #fff;
}

/*#menu ul li.last_item {
color: #fff;
float: right;
background: #184D79 url(img/button-left.jpg) no-repeat right;
}*/

/* Style
-------------------------------------------------------- */
h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4 {
font-size: 1.2em;
}

h5 {
font-size: 1.1em;
}

h6 {
font-size: 1em;
}

pre, code {
font-size: 1.2em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

pre {
width: 90%;
overflow: auto;
border: 1px solid #CCCCCC;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*.day-date {
font-size: 1em;
margin: 0 0 0.5em;
text-align: right;
color: #CC0000;
}*/

fieldset{
border: none;
}

label {
cursor: pointer;
cursor: hand;
}

.field label {
display: block;
}

input, textarea {
border: 1px solid #5A5A5A;
}

textarea{
font-size: 1em;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

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

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

p.forum {
padding:10px;
}

/* Barre de navigation
-------------------------------------------------------- */

#nav {
height: 20px;
margin: 0;
background: url(img/bluetitle.jpg) left top repeat-x;
}

#navsidebar {
height: 20px;
margin: 0;
background: url(img/bluetitle.jpg) left top repeat-x;
text-align: center;
}

.navtitle{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

/* Les billets
-------------------------------------------------------- */

.post, .content-inner {
margin-bottom: 1em;
padding: 10px;
border: 1px solid #5A5A5A;
}

.date {
float: left;
height: 53px;
width: 47px;
background: url(img/calendar.jpg) no-repeat;
margin-bottom: 0px;
line-height: 100%;
text-transform: uppercase;
}

.post-year {
height: 20px;
display: block;
font: bold 14px Arial, Helvetica, sans-serif;
color: white;
text-align: center;
padding: 2px 0 0 0;
}

.post-month {
display: block;
font: 10px Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
}

.post-day {
display: block;
font: bold 18px Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
line-height: .9em;
}

.post-title {
font-size: 15px; 
color: #cccccc;
font-weight: bold;
background: transparent;
margin: 0 0 0 55px;
height: 35px;
line-height: 100%;
}

.post-title a:link, .post-title a:active {
color: #cccccc;
font-weight: bold;
background: transparent;
text-decoration: none;
}

.post-title a:hover {
color: #CC0000;
font-weight: bold;
background: transparent;
text-decoration: underline;
}

.post-title a:visited {
color: #2589C5;
font-weight: bold;
background: transparent;
text-decoration: none;
}

.post-info {
font-size: 11px;
font-family: Tahoma, Arial,sans-serif;
color: #cccccc;
background: transparent;
margin: 0 0 0 55px;
border-bottom: 1px dashed #2589C5;
height: 15px;
padding-bottom:2px;
}

p.post-archive {
font-size: 11px;
font-family: Tahoma, Arial,sans-serif;
color: #cccccc;
background: transparent;
margin: 0 0 0 55px;
height: 15px;
padding-bottom:30px;
}

.post-info a {
color: #2589C5;
background: transparent;
text-decoration: none;
}

.post-info a:hover {
color: #CC0000;
background: transparent;
text-decoration: underline;
}

.post-tags {
list-style: none;
margin: 5em 0 1em;
padding: 3px 0;
border-top: 1px dotted #5A5A5A;
}

.post-tags li {
display: inline;
margin-right: 8px;
padding: 5px 0 5px 22px;
background: transparent url(img/tag.gif) no-repeat 0 70%;
}

.post-excerpt {
text-align: justify;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #5A5A5A;
}

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

.post-content pre, .post-excerpt pre {
padding: 10px ;
}

.post-content blockquote {
font-family: Tahoma, Arial, sans-serif;
font-style: italic;
}

.post-content ul, .post-excerpt ul, .post-content ol, .post-excerpt ol {
margin: 0 0 0.5em 0;
padding: 0 0 0 15px;
}

.post-content li, .post-excerpt li {
margin: 0;
padding: 0;
}

.post-content blockquote, .post-excerpt blockquote {
margin: 4px 0 4px 0;
padding: 0 5px;
border-left: 2px solid #bfbfbf;
}

p.post-info-co {
text-align: right;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
margin: 0.3em 0;
height: 22px;
line-height: 16px;
}

p.post-info-co img { 
margin: 0 0.5em; 
}

.comment_count {
background: transparent url(img/comment.gif) no-repeat 0 50%;
padding: 5px 0 5px 20px;
}

.ping_count {
background: transparent url(img/retrolien.gif) no-repeat 0 50%;
padding: 5px 0 5px 20px;
}

.attach_count {
background: transparent url(img/attach.gif) no-repeat 0 50%;
padding: 5px 0 5px 20px;
}

.read-it {
font-weight: bold;
clear: left;
}

a.feed {
background: transparent url(img/rss.gif) no-repeat 0 0.25em;
padding: 3px 0 5px 20px;
}

#attachments h3 {
font-size: 1.2em;
}

#attachments ul {
list-style: none;
margin: 0;
padding: 4px 0;
}

#attachments li {
margin: 0 0 0.6em;
padding: 2px 10px 2px 18px;
background: transparent url(img/attach.gif) no-repeat 0 50%;
}

#attachments li object {
display: inline;
margin: 0;
padding: 0;
vertical-align: bottom;
}

#forum {
margin-bottom:20px;
background:transparent no-repeat top; 
padding:0px 20px 20px 20px; 
border: 1px #2589C5 dashed;
}

/* Commentaires
-------------------------------------------------------- */
.gravatar_img {
float: left;
height: 50px;
width: 50px;
line-height: 100%;
}

#comments {
border: 1px solid #5A5A5A;
padding: 0 10px 0 10px;
margin-bottom: 10px;
clear: both;
}

#comments dt.me, #comments dd.me {
color: #2589c5;
}

#comments dd {
margin: 0;
padding: 1px 1em 0.5em 1em;
}

#comments dd {
margin: 3em 0;
line-height: 1.5em;
}

#comments a.comment-number {
display: block;
float: left;
height: 50px;
margin: 0 5px 0 10px;
font-size: 1.2em;
line-height: 100%;
}

#add_comment, #add_ping {
border: 1px solid #5A5A5A;
padding: 0 10px 0 10px;
margin-bottom: 10px;
}

#comments h3, #comment-form h3, #pings h3 {
font-size: 1.3em;
}

#pings {
}

.error {
margin: 20px 0 0;
padding: 10px 5px;
background: #ffcccc;
border: 2px solid red;
font-weight: bold;
color: #990000;
}

#comment-form p.form-help {
font-style: italic;
}

/* La barre de navigation
-------------------------------------------------------- */
#sidebar div {
margin:0 5px 0 5px;
}

#sidebar div div {
border:1px solid #5A5A5A;
margin-bottom: 1em;
background-color: #11415D;
}

#sidebar div div div {
margin-bottom: 0;
}

#sidebar ul {
list-style-type: rounded;
}

#sidebar ul ul {
list-style: disc;
margin: 0;
padding: 0 0 0 15px;
border: none;
}

#sidebar li li {
display: list-item;
margin: 0.5em 0 0 0;
padding: 0 0;
border: none;
}

#sidebar h2, #sidebar h3 {
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 20px;
width: 100%;
background: url(img/bluetitle.jpg) left top repeat-x;
margin:0;
}

#search fieldset, #search p, #recherche fieldset, #recherche p {
margin:0;
padding:10px 0 10px 0;
text-align: center;
}

#sidebar div#search, #sidebar div#recherche{
color: inherit;
font-weight:normal;
}

#q, #query{
padding-left: 18px;
background: #FFFFFF url(img/q.png) no-repeat 4px center;
}

#sidebar div#calendar {
}

#sidebar div#calendar table {
font-size: 0.8em;
text-align: center;
margin: 0 auto;
border-collapse: collapse;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidebar div#calendar table caption {
margin: 0 auto;
}

#sidebar div#calendar table th {
color: #cccccc;
background: transparent;
}

#sidebar div#calendar table td {
width: 13%;
line-height: 2em;
border: 1px solid #2589C5;
}

#sidebar div#calendar table td a { 
display: block;
background: #48B6DE;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#sidebar div#calendar table td a:hover {
background: #CC0000;
color: #000000;
}

abbr {
font-weight: normal;
}

#sidebar .syndicate ul {
list-style: none;
padding: 20px;
margin:0;
}

.tags p {
padding-left: 10px;
}

#sidebar .categories li.category-current {
font-weight: bold;
}

#sidebar .categories li.category-current li {
font-weight: normal;
}

#sidebar .tags ul {
list-style: none;
font-family: Verdana, Arial, sans-serif;
padding:20px 10px 0px 10px;
margin: 0;
}

#sidebar .tags ul li {
display:inline;
line-height: 1.7em;
}

.tag0 { font-size: 70%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 130%; }
.tag70 { font-size: 140%; }
.tag80 { font-size: 150%; }
.tag90 { font-size: 160%; }
.tag100 { font-size: 170%; }

.tag0 a, .tag0 a:link, .tag0 a:active, .tag0 a:visited { color: #cccccc; }
.tag10 a, .tag10 a:link, .tag10 a:active, .tag10 a:visited { color: #990000; }
.tag20 a, .tag20 a:link, .tag20 a:active, .tag20 a:visited { color: #339900; }
.tag30 a, .tag30 a:link, .tag30 a:active, .tag30 a:visited { color: #33CCFF; }
.tag40 a, .tag40 a:link, .tag40 a:active, .tag40 a:visited { color: #9900CC; }
.tag50 a, .tag50 a:link, .tag50 a:active, .tag50 a:visited { color: #cccccc; }
.tag60 a, .tag60 a:link, .tag60 a:active, .tag60 a:visited { color: #990000; }
.tag70 a, .tag70 a:link, .tag70 a:active, .tag70 a:visited { color: #339900; }
.tag80 a, .tag80 a:link, .tag80 a:active, .tag80 a:visited { color: #33CCFF; }
.tag90 a, .tag90 a:link, .tag90 a:active, .tag90 a:visited { color: #9900CC; }
.tag100 a, .tag100 a:link, .tag100 a:active, .tag100 a:visited{ color: #990000; }

ul.tags {
list-style: none;
margin: 1em 0;
padding: 0;
font-size: 1.3em;
text-align: justify;
margin-bottom: 10px;
}

ul.tags li {
display: inline;
margin: 0;
padding: 0;
line-height: 1.8em;
}

#sidebar div .text {
font-family: Arial, sans-serif;
font-size: 11px;
text-align: left;
}

#sidebar div script {
margin: 10px;
}

#sidebar .dotpoll ul, #sidebar .dotpolldone ul {
list-style: none;
font-family: Arial, sans-serif;
font-size: 11px;
text-align: left;
padding:0 10px 0 10px;
}

#sidebar .dotpoll li, #sidebar .dotpolldone li {
margin: 0;
padding: 0;
text-align: left;
}

#sidebar .dotpoll p, #sidebar .dotpolldone p {
text-align: center;
}

/* Le pied de page
-------------------------------------------------------- */

#share {
float: right;
margin: 1em 0 1em 0;
}

#navbottom {
height: 20px;
margin: 0;
padding: 0;
background: transparent url(img/bluetitle.jpg) left top repeat-x;
text-align: center;
}

#footer p {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
margin: 0;
padding: 0;
}

#stats {
clear: both;
text-align: center;
margin: 20px 0;
}
/* Ecrans inférieurs à 800px
-------------------------------------------------------- */
@media screen and (max-width: 800px) 
{
#page {
width: 100%;
position: relative;
}
#main {
width: 100%;
}
#menu {
display: none;
}
img {
height: auto; width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
max-width: 100%;
}
textarea, table, td, th, code, pre, samp {
word-wrap: break-word; /* passage à la ligne forcé */
-webkit-hyphens: auto; /* césure propre */
-moz-hyphens: auto;
hyphens: auto;
}
code, pre, samp {
white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
}
/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
#blognav, #blogextra {
float: none;
width: auto;
}
#sidebar {
width: 100%;
margin: auto;
}
#sidebar h2, #sidebar h3 {
width: 100%;
margin: auto;
background: url(img/bluetitle.jpg) top repeat-x;
}
/* masquer les éléments superflus */
.hide_mobile {
display: none !important;
}
/* Un message personnalisé */
body:before {
content: "Version mobile du site";
display: block;
color: #CCCCCC;
text-align: center;
font-style: italic;
}
}
/* Ecrans inférieurs à 480px
-------------------------------------------------------- */
@media screen and (max-width: 480px) 
{
#top {
width: 100%;
margin-left: auto;
margin-right: auto;
background: transparent url(img/mini-genie.jpg) left top repeat-x;
height: 77px;
}
.bgtitle {
height: 77px;
}
.space {
background: transparent url(img/mini-bgtitle.jpg) repeat-x;
width: 5px;
height: 77px;
border: none;
}
.banner {
background: transparent url(img/mini-rimbaud-epe.gif) right top no-repeat;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
height: 77px;
border: none;
}
img {
max-width: 100%;
height: auto;
}
.photo {
display: none;
}
table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
max-width: 100%;
}
.post-title {
font-size: 12px; 
}
.post-info {
display: none;
}
}
/* Ecrans supérieurs à 480px et inférieurs à 800px
-------------------------------------------------------- */
@media (min-width: 481px) and (max-width: 800px) 
{
#top {
width: 100%;
margin-left: auto;
margin-right: auto;
background: transparent url(img/med-genie.jpg) left top repeat-x;
height: 100px;
}
.bgtitle {
height: 100px;
}
.space {
background: transparent url(img/med-bgtitle.jpg) repeat-x;
width: 5px;
height: 100px;
border: none;
}
.banner {
background: transparent url(img/med-rimbaud-epe.gif) right top no-repeat;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
height: 100px;
border: none;
}
img {
max-width: 100%;
height: auto;
}
.photo {
display: none;
}
table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
max-width: 100%;
}
}