/**
 * @brief blueairmessage, a theme for Dotclear 2
 *
 * @package Dotclear
 * @subpackage Theme
 *
 * @author David Yim, Pierre Van Glabeke
 *
 * @copyright GPL-2.0 https://www.gnu.org/licenses/gpl-2.0.html
 */

/* style.general.css */
body, #page, #top, #wrapper, #main, #content, #sidebar, #footer {
  margin : 0;
  padding : 0;
}
body {
  padding : 0 0 50px 0;
  color : #333;                        /*couleur des textes des billets */
  background : #213242;                /* couleur d'arrière-plan du blog */
  text-align : center;
  font : 0.8em 'Lucida Grande', Arial, Sans-Serif;
  line-height : 1.6em;
  text-align : left;
}
h1, h2, h3, h4, h5, h6 {
  font-weight : bold;
  margin : 0;
  padding : 0;
  font-family : 'Helvetica Neue', Arial, Sans-Serif;
  letter-spacing : -1px;
}
p {
  margin : 0;
  padding : 0 0 20px 0;
}
a, a:link {
  color : #490F0D;                /* couleur des liens normaux */
  text-decoration : underline;
}
a:visited {
  color : #77B7B9;                /* couleur des liens visités */
  text-decoration : underline;
}
a:hover {
  text-decoration : none;
}
code {
  font-family : Monospace, 'Courier New', Courier;
}
pre {
  padding : 20px;
  height : auto;
  overflow : auto;
  font-family : 'Helvetica Neue', Arial, Sans-Serif;
  background : #AD260D;
  border : 1px dotted #dadada;
  border-width : 1px 0;
}
abbr, acronym {
  border-bottom : 1px dashed;
  cursor : help;
}
em, q {
  font-style : italic;
}
#page {
  position : relative;
  margin : 0 auto;
  padding : 0;
  text-align : left;
}
#wrapper {
  margin : 0 auto;
  border-top : 2px solid #4F6878;          /* bordure du haut du wrapper (page ou s'affiche les billets, sous le menu) */
  background: #F0F0F0;
}
#top {
  margin : 0 auto;
  height : 65px;
  /*border-bottom : 1px solid #000000;        bordure du bas du top (celle qui entoure l'image sous le titre du blog) */
}
#top_img {
  margin : 0 auto;
  height : 170px;
  /*border : 1px solid #4F6878;               bordure du bas de l'image incluse dans le top (au-dessus des boutons du menu) */
  border-width : 1px 0;
}
#top h1 {
  margin : 0;
  padding : 20px 0 0 40px;
  font-size : 2.5em;
}
#top h1 a {
  text-decoration : none;
  color : #BF4D28;                          /* couleur du titre du blog */
}
#top h1 a:hover {
  color : #ff9331;                          /* couleur du titre-lien au survol */
}
#blogdesc {
  padding : 0 0 0 40px;
  font-size : 0.85em;
  color : #ddd;
}
#prelude {
  padding : 0;
  position : absolute;
  top : 5px;
  right : 30px;
  text-transform : lowercase;
  font-size : 0.85em;
  color : #4F6878;                         /* couleur des barres de séparation du top "aller..." */
}
#prelude a {
  color : #BF4D28;                         /* couleur des textes du top "aller..." */
  text-decoration : none;
}
#prelude a:hover {
  text-decoration : underline;
}

/* Menu */
#menu {
  padding : 0;
  display : block;
  margin : 0 auto;
  height : 35px;
  background : #141414 url('img/menu_bg.png') repeat-x left top;
  /*border-top : 3px solid #4F6878;           couleur de bordure du bas du top (juste au dessous de l'image de header) */
  /*border-bottom : 1px solid #4F6878;        couleur de bordure du menu (juste au dessus des boutons */
}
#menu ul {
  margin : 0;
  padding : 0 0 0 25px;
  font-size : 11px;
  font-weight : bold;
  font-family : 'Helvetica Neue', Arial, Sans-Serif;
  text-transform : uppercase;
  line-height : 35px;
}

#menu ul li {
  display : inline;
}
#supranav li {
  display : block;
  height : 35px;
  float : left;
  margin : 0;
  overflow : hidden;
  border-right : 1px solid #222;      /* barre de séparation des boutons */
  border-left : 1px solid #111;
  text-align : center;
}
#menu li a {
  display : block;
  height : 100%;
  text-decoration : none;
  color : #fff;                       /* couleur par défaut des boutons du menu */
  margin-top:1px;
  padding:0 5px;
}
#menu li a:hover {
  color : #ff9331;                       /* couleur du texte des boutons survolés */
  background : #181818;
  border-top : 1px solid #000;
}
#menu li.active a{
  color : #BF4D28;                       /* couleur du texte des boutons actifs */
  background : #181818;
  border-top : 1px solid #000;
}
#menu li a:active, #menu li a:focus {
  color : #BF4D28;                       /* couleur du texte des boutons cliqués */
  background : #181818;
  border-top : 1px solid #000;
}

/* rss */
#menu #rss {
  width : 40px;
  float : right;
  margin-right : 213px;
  border-left : 2px solid #222;
  padding:0;
}

#menu #rss li {
  display : block;
  width : 40px;
  height : 35px;
  float : left;
  margin : 0;
  overflow : hidden;
  text-align : center;
  margin-top:1px;
}

#menu #rss li a, #menu #rss li a:visited {
  background : url('img/menu_rss2.svg') no-repeat center 4px;
  line-height : 38px;
  text-align : left;
  text-indent : -1000em;
  padding:0;
}
#menu #rss li a:active, #menu #rss li a:focus {
  background : #181818 url('img/menu_rss3.svg') no-repeat center 4px;
  border-top : 1px solid #000;
}

/* search */
#menu div#search {                                   /* bloc contenant l'image du search */
  position : absolute;
  display : block;
  margin : 0;
  padding : 0;
  width : 210px;
  height : 40px;
  top : 223px;
  right : 0/*12px*/;
  border : none;
  background : url('img/search2.svg') no-repeat 0px 20px;
}
#search h2 {
  display : none;
}
#search fieldset {
  border : none;
  margin : 0;
  padding : 16px 2px 10px 0;                            /* position du rect : haut droite bas gauche */
}
#search p {
  margin : 0;
  padding : 0;
  height : 30px;
}
#search #q {                                             /* paramètres du texte du champ (contenu du rectangle) */
  float : left;
  width : 150px;
  margin : 3px 0 0 0;
  padding : 2px 20px 5px 27px;
  border : none;
  background : transparent;
  color : #FFBC00;
  font-size : 1em;
  font-weight: bold;
  font-family : 'Helvetica Neue', Arial, Sans-Serif;
}
#search .submit {
  display : none;
}

#main {
  float : left;
}
#breadcrumb {padding:35px 0 0 40px;}
#content {
  padding : 38px 40px 40px;                             /* placement du texte des billets */
  /*background : #F0F0F0;                                couleur de fond des articles */
}
.post {
  margin : 0 0 40px 0;
  padding : 0 0 15px 0;
  /*background : url('img/divider.png') no-repeat bottom center;*/
}
.day-date {
  margin : 1px 15px 0 0;
  padding : 3px 10px 0 10px;
  display : block;
  float : left;
  width : 25px;
  text-align : center;
  line-height : 12px;
  text-transform : uppercase;
  border-right : 2px solid;
  font-size : 1.4em;
  font-weight : bold;
  color : #AD260D;     /* couleur du jour de la date de publication */
}
.day-date-month {
  display : block;
  font-size : 0.65em;
  color : #AD260D;     /* couleur du mois de la date de publication */     
}
.day-date-year {
  display : block;
  font-size : 0.5em;
  color : #264653;     /* couleur de l'année de la date de publication */
}
.post-title {
  font-size : 1.6em;
}
.post-title a {
  color : #444;             /* couleur par défaut des titres de billets */
  text-decoration : none;
}
.post-title a:visited {
  color : #333;          /* couleur des titres de billets visités */
  text-decoration : none;
}
.post-info {
  font-size : 0.85em;
  padding-left : 60px;
}
.post-info a {
  text-decoration : none;
  border-bottom : 1px dotted;                   /* aspect du soulignement des infos du billet (rédacteur,catégorie,nbre commentaire) */
}
.post-info .comment_count {
  padding-left : 18px;
  background : url('img/comment.svg') no-repeat left 1px;
}
.post-excerpt, .post-content, #comments {
  clear:both;
}
.post-excerpt p, .post-content p {
  text-align : justify;
}
.read-it {
  padding-left : 25px;
  background : url('img/arrow-read-it.svg') no-repeat left 6px;
  text-transform : uppercase;
  clear:both;
}
.read-it {
  color : #264653;                              /* couleur de la ligne horizontale séparant chaque billet (sous "lire la suite") */
  font-size : 1em;
  text-decoration : none;
  border-bottom : 2px dotted;                     /* aspect de cette ligne horizontale*/
}
.read-it a {
  color : #BF4D28;                              /* couleur du texte "lire la suite" normal */
  font-size : 1em;
  text-decoration : none;
  border-bottom : 1px  #AD260D none;            /* si je met un soulignement en forme de bordure sa couleur et son aspect ici */
}
.read-it a:hover {
  color : #BF4D28;                              /* couleur du texte "lire la suite" survolé */
  font-size : 1em;
  font-weight: bold;
  text-decoration : none;
  border-bottom : 1px  #490F0D solid;            /* si je met un soulignement en forme de bordure sa couleur et son aspect ici */
}
.read-it a:visited {
  color : #77B7B9;                              /* couleur du texte "lire la suite" visité */
  font-size : 1em;
  text-decoration : none;
  border-bottom : 2px dotted;
}
.pagination {
  font-size : 0.85em;
  text-align : center;
  clear : both;
}
#content-info {
  margin : 0 0 25px 0;
  padding : 0 0 15px 0;
  border-bottom : 1px dotted #ccc;
}
#content-info h2 {
  font-size : 1.5em;
}
#content-info p {
  padding : 5px 0 0 0;
  font-size : 0.85em;
}
#content-info a {
  color : #333;
  text-decoration : none;
  border-bottom : 1px dotted;
}
.content-inner h3 {
  font-size : 1.2em;
  background : #f8f8f8;
}
.content-inner ul {
  padding : 0 0 25px 0;
  border-top : 1px solid #eee;
}
.content-inner li {
  padding : 3px 0;
  display : block;
  border-bottom : 1px solid #eee;
}
.dc-archive-month #navlinks {
  text-align : center;
  text-transform : uppercase;
  font-size : 0.9em;
}
.dc-archive-month #content-info h2 {
  text-align : center;
  padding-top : 15px;
  text-transform : uppercase;
}
.dc-archive-month .content-inner .post-title {
  font-size : 1.25em;
}
.dc-archive-month .content-inner .post-info {
  border-bottom : 1px dotted #ccc;
  margin : 0 0 10px 0;
  padding : 0 0 10px 0;
}
.dc-tags .content-inner ul {
  border : none;
}
.dc-tags .content-inner li {
  padding : 0;
  display : inline;
  border : none;
}
#sidebar {
  width : 254px;
  margin : 0 0px 0 0;
  padding : 35px 0;
  float : right;
  clear : none !important ;
  clear : left;
  font-size : 1em;
  /*background: #F2B138;             couleur de fond de la sidebar */
}
#sidebar a {
  color : #333;                   /* couleur de TOUT les textes de la sidebar (catégories,mots-clé,pages......) */
}
#sidebar #blognav div, #sidebar #blogextra div {
  margin : 0 20px 20px 20px;
  padding : 0;
  border-bottom : 2px dotted #AD260D;            /* couleur et aspect de la ligne horiz des rubriques (cat,pages,mots-clé) */
}
#sidebar h2 {                                   /* titre des widgets de la sidebar (catégories,mots-clé,pages,calendrier......) */
  font-size : 1.5em;
  margin : 0 10px 5px 10px;
  padding-left : 12px;
  background : url('img/bullet.svg') no-repeat left 6px;
}
#sidebar h3 {
  letter-spacing : 0;
  padding : 0 10px;
  margin : 0;
  font-size : 1.15em;
}
#sidebar div p {
  margin : 0;
  padding : 0 10px 20px 10px;
}
#sidebar div ul {
  margin : 0;
  padding : 0 20px 20px 20px;
}
#sidebar li {
  list-style-position : inside;
}

#sidebar .tags li {
  display : inline;
}
#sidebar .tags strong a {
  text-transform : uppercase;
  font-size : 0.95em;
  text-decoration : none;
  border-bottom : 1px dotted;
}
.tag0 {
  font-size : 75%;
}
.tag10 {
  font-size : 80%;
}
.tag20 {
  font-size : 90%;
}
.tag30 {
  font-size : 100%;
}
.tag40 {
  font-size : 110%;
}
.tag50 {
  font-size : 120%;
}
.tag60 {
  font-size : 140%;
}
.tag70 {
  font-size : 150%;
}
.tag80 {
  font-size : 160%;
}
.tag90 {
  font-size : 170%;
}
.tag100 {
  font-size : 180%;
}

#sidebar .categories ul {
  margin : 0;
  padding : 0 0 20px 20px;
}
#sidebar .categories ul ul {
  margin : 0;
  padding : 0 0 0 20px;
}
#sidebar .categories li.category-current { /*couleur de la puce et style du texte*/
	font-weight: bold;
  color:#AD260D;
}
#sidebar .categories li.category-current li {    /* sous-categorie normal */
	font-weight: normal;
  color:#333;
}
#sidebar li.category-current > a {           /*couleur des textes de la catégorie dans laquelle on est quand on a cliqué sur un tag,bouton ...cela inclus les sous-catégories */
  color: #AD260D;
}
/*#sidebar .categories ul ul li.category-current a:link {        couleur du texte par défaut de la catégorie dans laquelle je suis 
  color: #333;
}*/
/*#sidebar.categories li.category-current a:active {        couleur du texte de la sous-catégorie dans laquelle je suis 
  color: #77B7B9;
}*/
#subcategories {
  color: #AD260D;                       /* couleur du texte "sous catégories" qui apparait sous le titre de la rubrique qd on va dedans (dans le wrapper) */
}

#sidebar .calendar table {
  width : 90%;
  margin : 0 auto;
  text-align : center;
}
#sidebar .calendar caption {
  margin : 10px 0;
  padding : 0 4px 0 0;
  font-weight : bold;
  font-size : 1.1em;
  text-transform : uppercase;
}
#sidebar .calendar caption a {
  text-decoration : none;
  font-weight : normal;
}
#sidebar .calendar table td {
  padding-top : 3px;
  border-top : 1px dotted #ccc;
}
#sidebar .calendar table td a {
  background : #ccc;
  color : #fff;
  padding : 4px 8px;
}
#sidebar .syndicate li {
  list-style : none;
  padding-left : 25px;
  background : url('img/rss.svg') no-repeat left center;
}
#sidebar #search {display:none;}
#footer {
  height : 45px;
  margin : 0 auto;
  font-size : 0.9em;
  color : #4F6878;                         /* couleur des textes du footer (pied du site): Thème,par,-Propulsé par */
  clear : both;
}
#footer a {
  color : #BF4D28;                     /* couleur des textes du footer : Passe et va,Blue Air Message,David Yim,Dotclear */
  text-decoration : none;
  border-bottom : 1px dotted;
}
#footer p {
  padding : 10px;
  text-align : center;
}

.post img {max-width:100%;}
.post embed, .post iframe {max-width:100%;}
#content-info img {max-width:100%;}
#subcategories {margin:10px 0 0 0;}
#sidebar img {max-width:100%;}
.dc-search #content-info em {text-decoration:underline;}

 /*style.post.css*/
.dc-post .post, .dc-page .post {
  background : none;
}
.dc-post #navlinks,
.dc-page #navlinks {
  margin : 0 25px 25px 25px;
  border-bottom : 1px dotted #264653;     /* couleur et aspect de la ligne hor sous la rubrique "billets préc - suivant" */ 
  font-weight : bold;
  font-size : 1.1em;
}
.dc-post #navlinks a,
.dc-page #navlinks a {
  font-weight : normal;
  color : #490F0D;                        /* couleur du lien normal de nav (billets suivants - précédents) */
  display : block;
  font-size : 0.9em;
}
.post-tags {
  font-size : 0.9em;
  background : url('img/tag.svg') no-repeat left 3px;
  margin : 0;
  padding : 0 0 15px 25px;
}
.post-tags li {
  display : inline;
}
.post-tags li a {                          /* aspect des mots-clé de la liste des tags (après l'icône) */
  text-decoration : none;
  border-bottom : 1px dotted;
}
.post h3 {
  font-size : 1.4em;
  padding : 5px 0;
}
.post h4 {
  font-size : 1.25em;
  padding : 5px 0;
}
.post h5 {
  font-size : 1.15em;
  padding : 5px 0;
}
.post blockquote p {
  margin : 0 0 25px 0;
  padding : 0 0 0 10px;
  border-left : 4px solid;
  font-style : italic;
}
.footnotes {
  padding : 10px 25px 0 25px;
  font-size : 0.9em;
  border-top : 1px dotted #ccc;
  border-bottom : 1px dotted #ccc;
}
.footnotes h4 {
  font-size : 1.25em;
}
#attachments {
  font-size : 0.9em;
  margin : 0 0 40px 0;
  padding : 20px 0 15px 25px;
  border : 1px solid #ccc;
  border-width : 1px 0;
  background : #efefef;
}
#attachments h3 {
  font-size : 1.25em;
}
#attachments ul {
  padding : 0;
}
#attachments li {
  list-style : none;
}
#attachments li.audio object {margin:0;vertical-align:bottom;}
#attachments li a {
  text-decoration : none;
  border-bottom : 1px dotted;
}
#comments h3, #pings h3 {
  font-size : 1.2em;
  text-transform : uppercase;
  margin : 0 0 20px 0;
  padding : 0 5px;
  background : #efefef;
  border : 1px solid #ccc;
  border-width : 1px 0;
}
#comments dt, #pings dt {
  font-weight : bold;
  font-size : 0.9em;
}
#comments dt a.comment-number, #pings dt a.ping-number {
  float : right;
  font-size : 2em;
  color : #ccc;
  padding : 0 0 10px 20px;
}
#comments dd, #pings dd {
  margin : 0 0 20px 0;
  border-bottom : 1px dashed #aaa;
  font-size : 0.9em;
}
#comments dd h3 {background:none;border:none;margin:0;padding:0;text-transform:inherit;}
#comments-feed {
  font-size : 0.9em;
  margin : 0 0 20px 0;
  padding : 0 0 0 25px;
  background : url('img/rss.svg') no-repeat left 3px;
}
#comments-feed a.feed {
  color : #333;
  text-decoration : none;
  border-bottom : 1px dotted;
}
#comment-form {
  padding : 50px 0;
}
#comment-form h3 {
  font-size : 1.2em;
  text-transform : uppercase;
  margin : 0 0 20px 0;
  padding : 0 5px;
  background : #efefef;
  border : 1px solid #ccc;
  border-width : 1px 0;
}
#comment-form fieldset {
  border : none;
  margin : 0;
  padding : 0;
}
#comment-form p.field label {
  display : block;
  font-size : 0.9em;
  font-weight : bold;
}
#comment-form p.field input, #comment-form p.field textarea {
  font-size : 0.9em;
  border-width : 1px;
  background : #efefef;
  font-family : 'Lucida Grande', Arial, Sans-Serif;
}
.error {
  color : red;
  margin-top : 40px;
  padding : 5px 0 5px 35px;
  background : url('img/message_error.svg') no-repeat 10px center;
  border : 1px dotted red;
}
.message {
  color : green;
  margin-top : 40px;
  padding : 5px 0 5px 35px;
  background : url('img/message_valid.svg') no-repeat 10px center;
  border : 1px dotted green;
}
#ping-url {
  font-size : 0.9em;
  padding : 0 0 0 25px;
  background : url('img/link_add.svg') no-repeat left 2px;
}

/* style.gallery.css*/
.gallery-category {
  display : block;
  margin : 0 0 20px 0;
  padding : 2px 5px;
  clear : both;
  font-size : 1.25em;
  background : #efefef;
}
.gallery-album {
  width : 210px;
  float : right;
  clear : right;
  position : relative;
  margin : 0 5px 20px 0;
  padding : 0;
  background : url('img/album_shadow.png') no-repeat right bottom;
}
.gallery-albumodd {
  width : 210px;
  float : left;
  clear : left;
  position : relative;
  margin : 0 0 20px 5px;
  padding : 0;
  background : url('img/album_shadow.png') no-repeat right bottom;
}
.gallery-albumodd .post, .gallery-album .post {
  margin : 0;
  padding : 0;
  background : none;
}
.gallery-date {
  padding : 0;
  font-size : 0.85em;
}
.gallery-albumodd .post-title, .gallery-album .post-title {
  display : block;
  width : 140px;
  font-size : 1.25em;
}
.gallery-albumodd .post-info, .gallery-album .post-info {
  padding : 0 0 10px 0;
  width : 140px;
}
.gallery-albumodd .post-info .comment_count, .gallery-album .post-info .comment_count {
  display : block;
  background : url('img/comment.svg') no-repeat left 6px;
}
.gallery-albumodd img, .gallery-album img {
  position : absolute;
  right : 7px;
  bottom : 7px;
  margin : 10px 0 0 0;
  padding : 0;
}