/*
Theme Name: GirondinsBlog
Description: GirondinsBlog est un thème sur 3 colonnes.
Author: Thierry V.
Author URI: http://girondins-blog.net/
*/

/*
 |                                                                            |
 | Les elements graphiques du design du site, ainsi que tous autres elements  |
 | (dont cette feuille de styles CSS, les images, les animations, etc...)     |
 | restent la propriete exclusive de leurs auteurs respectifs conformement    |
 | aux droits d'auteur. Toute reutilisation devra faire l'objet d'une demande |
 | prealable. Sans compter qu'il est dans votre interet d'avoir un site au    |
 | design personnel, afin de marquer sa propore identite visuelle.            |
 |                                                                            |
                                                                              */


/* - - - GLOBAL - - - */

/* * styles de base * */

/* Titres */
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .5em 0; padding: 0;
  font-weight: bold; font-style: normal;
  }
h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

/* Paragraphes */
p {
  margin: .75em 0; padding: 0;
  }
address {
  margin: .75em 0; padding: 0;
  font-style: normal;
  }

/* Liens */
a {
  text-decoration: underline;
  }
/*
a:link {
  color: mediumblue;
  }
a:visited {
  color: indigo;
  }
*/
a:hover, a:focus, a:active {
  color: crimson;
  }

/* Listes à puces */
ul, ol {
  margin: .75em 0 .75em 32px; padding: 0;
  }
li {
  margin: .5em 0; padding: 0;
  }
li p {
  margin: .5em 0; padding: 0;
  }

/* Listes de définitions */
dl {
  margin: .75em 0; padding: 0;
  }
dt {
  margin: .75em 0 0 0; padding: 0;
  font-weight: bold;
  }
dd {
  margin: .25em 0 .25em 32px; padding: 0;
  }

/* Formulaires */
form, fieldset {
  margin: 0; padding: 0;
  border: none;
  }
input, button, select {
  vertical-align: middle;
  }

/* Abréviations */
abbr, .abbr, acronym {
  border-bottom: 1px dotted rgb(180,180,180);
  cursor: help;
  }

/* Citations */
blockquote {
  margin: .75em 0 .75em 20px; padding: 0 0 0 10px;
  border-left: 2px solid rgb(221,221,221);
  }
blockquote p {
  margin: .5em 0; padding: 0;
  }
q {
  font-style: italic;
  quotes: none;
  }
cite {
  font-style: italic;
  }
q cite, q q {
  font-style: normal;
  }

/* Codes */
code {
  display: block; padding: 3px 8px; margin: 0 0 0 0.75em;
  border-left: 3px solid rgb(215,215,255); background-color: rgb(245,245,245);
  font-size: 1.1em;
  }

/* Tableaux */
table {
  margin: 0; padding: 0;
  border: 1px solid gray; border-collapse: collapse; border-spacing: 0;
  }
table td, table th {
  padding: 4px; margin: 0;
  border: 1px solid rgb(204,204,204);
  vertical-align: top; text-align: left;
  }

/* Divers éléments */
em {
  font-style: italic;
  }
strong {
  font-weight: bold;
  }
img {
  border: 0;
  }
small {
  font-size: .85em;
  }
big {
  font-size: 1.15em;
  }

/* * * * */


/* * styles de base personnalisés * */

.dispnone {
  display: none;
  }

.clear {
  clear: both; height: 0; font-size: 0;
  /* display: block; visibility: hidden; margin: 0; padding: 0; */
  }

/* curseur */
.c_help {
  cursor: help;
  }

.cadre-arrondi {
  padding: 5px;
  border: 1px solid rgb(180,180,180);
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  }

/* center */
.center, .widthcustom {
  width: 80%; /* max-width: 1200px; */ min-width: 770px; margin: 0 auto;
  }
* html .center { width: expression(document.body.clientWidth<=800?"770px":document.body.clientWidth*0.80); /* document.body.clientWidth>=1280?"1200px": */}


/* titlepage */
.titlepage, .titlepage a, .titlepage a:hover {
  color: rgb(51,51,51); height: 100%;
  text-decoration: none; font-weight: normal; font-variant: small-caps;
  }
.titlepage {
  padding: 0 0 2px 5px; font-size: 1.75em;
  border-style: solid; border-color: rgb(220,220,220); border-width: 3px 1px;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
  }

/* titlepost */
.titlepost, .titlepost a, .titlepost a:hover {
  color: rgb(255,255,255);
  text-decoration: none; font-weight: normal;
  }
.titlepost a, .titlepost a:hover {
  display: block; margin: 0 -1% 0 -1%; padding: 2px 5px; background-color: rgb(26, 26, 82);
  }
.titlepost a:hover { color: rgb(220,220,220); background-color: rgb(39, 39, 121); font-weight: normal; }
.titlepost {
  margin: -5px 0 0 0; padding: 0;
  font-size: 1.5em;
  border-style: solid; border-color: rgb(190,190,190); border-width: 0 0 0 0;
  }

/* autre title */
.titledif {
  float: left; width: 100%; padding: 0 0 0 8px;
  border-left: 10px solid #99afc4; color: rgb(102,102,102);
  font-size: 1.25em; font-weight: normal;
  }

/* title entry */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  font-variant: small-caps; font-family: Arial;
  }
.entry h1, .entry h2 {
  padding: 0 0 0 5px;
  font-weight: normal;
  border-bottom: 0 solid rgb(204,153,153); color: rgb(51,51,51);
  }
.entry h3 {
  padding: 0 3px 0 15px;
  font-weight: normal; font-style: italic;
  border-bottom: 0 solid rgb(230,230,230); color: rgb(102,51,51);
  }
.entry h4 {
  padding: 0 3px 0 21px;
  font-weight: normal;
  border-bottom: 0 solid rgb(204,204,153); color: rgb(75,75,75);
  }
.entry h5 { color: rgb(204,0,0); }
.entry h6 { }

/* link entry */
#content .entry a, #content .entry a:hover {
  text-decoration: none;
  color: rgb(0,51,153); border-bottom: 1px dashed rgb(175,175,175);
  }
#content .entry a:hover {
  color: rgb(51,51,204); border-bottom: 1px solid rgb(175,175,175);
  }

/* noscript */
.noscript {
  margin: 10px 0; display: block; position: absolute; top: 2em; right: 14%; height: 100%; z-index: 10;
  border: 1xp solid red; color: rgb(153,204,255);
  }
  
/* alignement */
.entry .alignleft {
  float: left; margin: 0 10px 5px 0;
  }
.entry .alignright {
  float: right; margin: 0 0 5px 10px;
  }
.entry .aligncenter {
  margin: 10px auto 10px auto;
  }

/* attachment img */
.entry .wp-caption {
  padding: 3px 8px 0 8px;
  font-size: 0.9em; text-align: center;
  border: 1px solid rgb(204,204,204);
  background-color: rgb(230,230,230); color: rgb(51,51,51);
  }
.entry .wp-caption-text {
  margin: 8px -8px 0 -8px; padding: 3px 5px;
  background-color: rgb(220,220,220);
  }

/* * * * */

/* - - - - - - */


/* - - - STRUCTURE - - - */
html { font-size: 100%; }
body {
  padding: 0; margin: 0; height: 100%;
  font-family: Verdana, Tahoma, Arial, Helvetica, "Trebuchet MS", FreeSans, sans-serif; font-size: .8em;
  background: white url('img/scapulaire-vs1.png') 0 0 no-repeat fixed;
  }

  #page {
    margin: 0 auto; padding: 0; position: relative; width: 100%;
    }

    #header {
      margin: 0 0 0 0; padding: 0; position: fixed; float: left; width: 100%;
      background: white url('img/scapulaire-vs1.png') 0 0 no-repeat fixed;
      }
    * html #header { position: relative; background-image: none; background-color: transparent; }

      #header .c_center {
        padding: 0 10px; position: relative; height: 100%;
        }

      #header .line-border-top {
        width: 100%; height: 8px; position: relative; top: 105px;
        background-color: rgb(243,243,243); border-width: 1px 1px 0 1px; border-style: solid; border-color: rgb(205,205,205);
        filter: alpha(opacity=92); -moz-opacity: 0.92; opacity: 0.92;
        -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
        }
      * + html #header .line-border-top { top: 83px; }
      * html #header .line-border-top { top: 83px; height: 2px; font-size: 0; }

    #nofixed { width: 100%; padding: 0 0 51px 0; position: absolute; top: 114px; left: 0; }
    * html #nofixed { padding: 0; position: relative; top: 3px; }

    #content-sidebar {
      margin: 0; padding: 0; position: relative; float: left; width: 100%;
      filter: alpha(opacity=92); -moz-opacity: 0.92; opacity: 0.92;
      }

      /* padding border & corner */
      #content-sidebar .plr_center { padding: 0 10px; }
      /* partie centrale */
      #content-sidebar .c_center {
        padding: 0 0 0 0; margin: 0 0; position: relative; float: left; width: 100%;
        background-color: rgb(243,243,243); border-style: solid; border-color: rgb(205,205,205); border-width: 0 1px;
        }
      /* padding partie centrale */
      #content-sidebar .p_center { padding: 0 5px; position: relative; height: 100%; }

        #content {
          margin: 0 0 0 2%; padding: 0 5px; position: relative; float: left; width: 49.8%;
          }

        #sidebar {
          margin: 0; padding: 0 5px; position: relative; float: right; width: 27%;
          }

        #sidebar2 {
          margin: 0; padding: 0 5px; position: relative; float: left; width: 16%;
          }

    #footer {
      margin: 0; padding: 1px 0 0 0; position: fixed; width: 100%; float: left;
      background-color: white; bottom: 0; left: 0;
      }
    * html #footer { position: relative; }

      #footer .c_center {
        padding: 0 10px; position: relative; height: 100%;
        }
/* - - - - - - */


/* - - - ENTETE - - - */
/* header */
.header { height: 100%; min-height: 105px; }
* html .header { height: 105px !important; }

/* global */
#header p { margin: 0; padding: 0; }
#header ul { margin: 0; padding: 0; list-style-type: none; }

/* widthcustom */
#btwidthpage {
  position: absolute; top: -11px; left: 30px; /* top: -60px; right: 60px; | top: -45px; left: 240px; */ z-index: 5; float: left;
  color: rgb(153,204,153);
  filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
  }
  /* texte */
  #btwidthpage small {
    margin-right: 5px;
    }
  /* boutons */
  #btwidthpage .btwidth {
    margin: 0 3px;
    }
  #btwidthpage .btwidth a, #btwidthpage .btwidth a:hover {
    padding: 0 3px;
    text-decoration: none; font-style: italic; font-size: 0.9em;
    background-color: rgb(125,125,125); color: white;
    border: 1px solid rgb(160,160,160);
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    }
  #btwidthpage .btwidth a:hover {
    background-color: rgb(210,210,210); color: rgb(125,125,125);
    }
  #btwidthpage .active a, #btwidthpage .active a:hover {
    background-color: white; color: rgb(125,125,125);
    border-color: rgb(102,102,102);
    }

/* accessibilite */
#header #accessibilite {
  float: right; margin: 7px 0 0 0; padding: 0 25px 0 0;
  font-size: 0.9em; color: rgb(165,165,165);
  }
  #header #accessibilite li {
    margin: 0 2px; padding: 0 0 1px 0; float: left;
    }
  #header #accessibilite li a {
    padding: 0 3px 0 2px;
    color: rgb(135,135,135); text-decoration: none;
    }
  #header #accessibilite li a:hover { border-bottom: 1px solid rgb(200,200,200); }

/* name & description */
#header .name-description {
  display: block; padding: 0 0 0 0; margin: 0; position: absolute; top: 10px; left: 25px;
  }
  #header .name-description:hover { }
  #header .name { display: block; margin: 0; }
  #header .name a {
    padding-right: 35px;
    font-family: "Trebuchet MS", Impact; letter-spacing: 3px; font-variant: small-caps; /* text-transform: uppercase; */
    font-size: 1.7em; font-weight: bold; text-decoration: none;
    color: rgb(190,190,190); border-bottom: 1px solid rgb(215,215,215); /* rgb(204,204,153) | rgb(255,204,153) */
    }
  #header .name a:hover { padding-left: 10px; padding-right: 7px; letter-spacing: 4px; color: rgb(205,205,205); }
  #header .description { display: block; margin: 5px 0 0 0; }
  #header .description {
    width: 360px;
    font-family: Tahoma; text-decoration: none;
    color: rgb(165,165,165); font-weight: normal; letter-spacing: 1px;
    }

/* recherche */
#searchform {
  margin: 0; padding: 1px; position: absolute; top: 35px; right: 70px; z-index: 3;
  border: 1px solid rgb(200,200,200);
  }
  #searchform .input_text {
    padding: 1px; margin: 0 2px 0 0; width: 115px; float: left;
    background-color: rgb(212,208,208); color: rgb(75,75,75); border: none;
    }
  #searchform .input_text:hover { background-color: rgb(230,226,226); }
  #searchform .button {
    padding: 0; margin: 0 0 0 0; height: 18px; cursor: pointer; text-transform: uppercase;
    background-color: transparent; color: rgb(153,51,51); border: none; font-weight: bold;
    }

/* menu-principal */
#header { z-index: 7; }
/* ul */
#menu-principal {
  margin: 0; padding: 0; position: absolute; bottom: 0; right: 30px; z-index: 30;
  }
* html #menu-principal { bottom: -1px; }
  /* li & a */
  #menu-principal li {
    margin: 0; padding: 0 3px; float: left; position: relative;
    }
  #menu-principal li a, #menu-principal li a:hover {
    margin: 0; padding: 2px 10px 1px 10px; display: block; float: left; height: 100%;
    text-decoration: none; letter-spacing: 0; font-variant: normal; font-size: 1em;
    color: rgb(51,51,51); background-color: rgb(233,235,237);
    border-color: rgb(180,180,180); border-style: solid; border-width: 1px 1px 0 1px;
    -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
    filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;
    }
  #menu-principal li a:hover {
    color: rgb(0,0,95); background-color: rgb(194,194,205);
    }
  #menu-principal .current_page_item a { color: rgb(245,245,245); background-color: rgb(153,51,51); }
    /* ul ul & li li & a */
    #menu-principal li ul {
    	position: absolute; display: none; visibility: hidden; top: 0; right: -10px;
      margin: 20px 0 0 0; padding: 2px 0 2px 0; list-style-type: none;
      border-style: solid; border-color: rgb(204,204,204); border-width: 1px 0 0 0; background-color: rgb(0,0,95);
      filter: alpha(opacity=93); -moz-opacity: 0.93; opacity: 0.93;
      -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
      }
    #menu-principal li li {
      background-image: none; margin: 0; padding: 0; height: auto; clear: both;
      }
    #header #menu-principal li li a, #header #menu-principal li li a:hover {
    	display: block; padding: 2px 3px 2px 5px; margin: 0; width: 11em; height: auto;
      background-image: none; color: rgb(230,230,230); background-color: rgb(0,0,95);
      border-style: solid; border-color: rgb(130,130,130); border-width: 0 0 0 0;
      text-transform: none; text-decoration: none; font-size: 1em; letter-spacing: 0; font-variant: normal;
      -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
      }
    #header #menu-principal li li a:hover {
      padding: 2px 3px 2px 5px;
      background-image: none; color: rgb(0,0,95); background-color: rgb(194,194,205);
      }
      /* action */
      #menu-principal li:hover ul ul, #menu-principal li:hover ul ul ul { display: none; visibility: hidden; }
      #menu-principal li:hover ul, #menu-principal li li:hover ul, #menu-principal li li li:hover ul { display: block; visibility: visible;  }
/* - - - - - - */


/* - - - CONTENT-SIDEBAR-TOP - - - */
#content-sidebar-top {
  min-height: 30px; margin: 0 0 0 0; padding: 1px 1px 3px 1px;
  border-bottom: 3px solid rgb(230,230,230);
  }
* html #content-sidebar-top { height: 30px; }
  /* global */
  #content-sidebar-top p {
    margin: 0 5% 0 5%; padding: 7px 0 3px 33px; float: left;
    background-position: left 4px; background-repeat: no-repeat;
    }
  * html #content-sidebar-top p { margin-right: 2.5%; margin-left: 2.5%; }
  #content-sidebar-top a, #content-sidebar-top a:hover {
    display: block; padding: 2px 5px;
    font-weight: bold; text-decoration: none;
    }
  /* mail */
  #content-sidebar-top .mail {
    background-image: url('img/ico-inscription-mail.png');
    }
    #content-sidebar-top .mail a { color: rgb(90,105,69); }
    #content-sidebar-top .mail a:hover { background-color: rgb(88, 176, 31); color: white; }
  /* rss */
  #content-sidebar-top .rss {
    margin-left: 0; margin-right: 0;
    background-image: url('img/ico-inscription-rss.png'); background-position: 0 0;
    }
    #content-sidebar-top .rss a { color: rgb(211,94,9); }
    #content-sidebar-top .rss a:hover { background-color: rgb(228, 129, 35); color: white; }
/* - - - - - - */


/* - - - FOOTER - - - */
/* global */
#footer {
  color: rgb(102,102,102);
  }
  #footer p {
    margin: 0.5em 0;
    }
  #footer a, #footer a:hover {
    padding: 0 2px;
    color: rgb(102,102,51); text-decoration: none;
    }
  #footer a:hover {
    border-bottom: 2px solid rgb(204,204,102);
    }
  /* aller en haut */
  #footer .allerenhaut {
    float: right; font-size: 0.8em;
    }
    #footer .allerenhaut a, #footer .allerenhaut a:hover {
      padding: 1px 0 3px 18px; display: block; float: left;
      border-style: solid; border-color: rgb(153,153,102); border-width: 0;
      background: transparent url('img/ico-toppage.gif') left top no-repeat; color: rgb(110,110,110);
      }
    #footer .allerenhaut a:hover { border-width: 0 0 2px 0; }
/* - - - - - - */


/* - - - BREADCRUMBS - - - */
/* global */
#breadcrumbs {
  margin: 0.4em 0; padding: 0;
  font-size: 0.85em; color: rgb(150,150,150);
  }
  /* link */
  #breadcrumbs a, #breadcrumbs a:hover {
    text-decoration: none; line-height: 1.7em;
    color: rgb(100,100,100);
    }
  #breadcrumbs a:hover {
    border-bottom: 2px solid rgb(204,204,153);
    }
  /* active */
  #breadcrumbs strong {
    font-weight: normal; letter-spacing: 1px;
    color: rgb(130,130,130);
    }
/* - - - - - - */


/* - - - POST & PAGE - - - */
/* global */
#content .post, #content .page {
  margin: 0; padding: 0; float: left; width: 100%; position: relative; z-index: 100;
  }
#content .post {
  margin: 1.3em 0 1.6em 0;
  background-color: white;
  border-style: solid; border-width: 1px; border-color: rgb(26, 26, 82);
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  }
#content .page { margin: -0.5em 0 1.2em 0; }
  /* info post */
  #content .post .headerpost {
    float: left; margin: 0; padding: 5px 1% 0 1%; width: 97.95%;
    background-color: white; 
    }
    #content .post .dataposth {
      margin: 0 -1% 0 -1%; padding: 5px 5px 3px 5px;
      text-align: right; border-bottom: 1px solid rgb(215,215,215);
      background-color: rgb(230,230,230);
      }
    #content .post .dataposth a, #content .post .dataposth a:hover {
      padding: 0 2px;
      color: rgb(102,0,0); text-decoration: none;
      }
    #content .post .dataposth a:hover { text-decoration: underline; /* background-color: rgb(153,153,102); color: rgb(230,230,230); */ }
    #content .post .dataposth .categorypost { float: left; }
    #content .post .dataposth .categorypost a, #content .post .dataposth .categorypost a:hover {
      padding-left: 17px;
      background: transparent url('img/ico-categorie.png') left top no-repeat;
      }
    #content .post .dataposth .editpost img { vertical-align: middle; }
    #content .post .dataposth .commentpost a, #content .post .dataposth .commentpost a:hover {
      padding-left: 20px; font-weight: bold;
      background: transparent url('img/ico-comment.png') left 1px no-repeat;
      }
  /* contenu */
  #content .entry {
    color: rgb(0,0,0); line-height: 1.45em;
    font-family: Tahoma; letter-spacing: 1px;
    }
    .more-link {
      padding: 1px 5px;
      border: none !important; color: rgb(51,0,51) !important;
      -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
      font-weight: bold; border-left: 5px solid rgb(0,51,102) !important;
      }
    .more-link:hover { border-bottom: 1px solid rgb(0,51,102) !important; }
  #content .post .entry {
    margin: 1.2em 0 1.2em 0; padding: 0 0 0 0.15em; clear: both;
    }
  /* date post */
  #content .post .datepost {
    margin: 0; padding: 0;
    }
  /* auteur & tag */
  #content .post .datapostf {
    margin: 0; padding: 2px 0 2px 0; float: left; width: 100%;
    letter-spacing: 1px; font-size: 0.9em;
    border-top: 8px solid rgb(230,230,230); color: rgb(51,51,51);
    }
  #content .post .datapostf p { margin: 0; padding: 0.2em 0.5em; }
  #content .post .datapostf a, #content .post .datapostf a:hover {
    padding: 0 2px;
    color: rgb(78,102,126); text-decoration: none; letter-spacing: 0;
    }
  #content .post .datapostf a:hover {
    background-color: rgb(78,102,126); color: rgb(240,240,240);
    }
  #content .post .authorpost {
    text-align: right; margin-bottom: 0.3em;
    }
  #content .post .tagpost {
    text-align: right;
    }
  #content .post .tagpost img { vertical-align: middle; margin-right: 2px; }
/* - - - - - - */


/* - - - NAVIGATION - - - */
/* global */
#content .navigation {
  margin: 22px 0 10px 0; padding: 1px; float: left; width: 100%;
  }
#content .navigation a, #content .navigation a:hover, #content .navigation span span {
  padding: 1px 4px; display: block;
  color: rgb(51,102,153); text-decoration: none; border-bottom: 1px solid white;
  }
#content .navigation a:hover {
  color: rgb(51,102,102); border-bottom: 1px solid rgb(162,180,198);
  }
  /* alignleft & alignright */
  #content .navigation .alignleft {
    float: left; margin-left: 18%;
    }
  #content .navigation .alignright {
    float: right; margin-right: 18%;
    }
  #content .navigation .aligncenter {
    float: none;
    }
    #content .navigation .aligncenter a, #content .navigation .aligncenter a:hover, #content .navigation .aligncenter span {
      float: left; margin: 0 0 0 3px; padding: 2px 8px; width: auto;
      border: 1px solid rgb(250,250,250); background-color: rgb(235,235,235); color: rgb(0,51,153);
      }
  /* aligncenter */
  #content .navigation .aligncenter span {
    color: rgb(153,0,0);
    }
    #content .navigation .aligncenter a:hover {
      border-color: rgb(180,180,180); color: rgb(0,51,51); background-color: rgb(215,215,215);
      }
/* - - - - - - */


/* - - - ARTICLES LIES - - - */
/* global */
#content .artlies {
  margin: 0 0 30px 0; padding: 0; float: left; width: 100%;
  }
#content .artlies h6 {
  padding: 0 0 0 8px;
  border: none; border-bottom: 1px solid rgb(204,204,204); color: rgb(102,51,51);
  letter-spacing: 1px; font-weight: normal;
  }
  /* listes des articles */
  #content .artlies ul {
    margin: 3px 0 0 15px; padding: 0; list-style-type: none; float: left; width: 100%;
    }
  #content .artlies ul li {
    margin: 0.4em 0 0 0; padding: 0 0 0 15px;
    background: transparent url('img/ico-fleche-1.png') left 4px no-repeat;
    }
  #content .artlies ul li a, #content .artlies ul li a:hover {
    color: rgb(102,102,51); padding: 0 2px;
    text-decoration: none; letter-spacing: 1px;
    }
  #content .artlies ul li a:hover {
    padding-left: 5px;
    }
/* - - - - - - */


/* - - - COMMENTS - - - */
/* global */
#comments {
  margin: 0 0 0 0; padding: 0; float: left; width: 100%;
  }
  /* listes des commentaires */
  #comments ol, #comments ul {
    margin: 7px 0 7px 0; padding: 0; list-style-type: none; clear: both; height: 100%;
    color: rgb(35,35,35);
    }
  #comments ol {
    margin: 0 0 7px 0;
    }
  #comments ol li, #comments ul li {
    margin: 10px 0 10px 0; padding: 0;
    }
  #comments ol li a, #comments ol li a:hover {
    color: rgb(102,0,0); padding: 1px 2px;
    text-decoration: none;
    }
    /* children */
    #comments .children {
      margin-left: 10px; padding-left: 10px;
      border-left: 3px solid rgb(225,225,225); /* rgb(255,204,255) rgb(220,220,170) */
      }
    /* global */
    #comments ol li div, #comments ul li div {
      padding: 5px 5px 3px 5px; position: relative;
      background-color: rgb(204,204,255); /* rgb(255,247,225) */
      }
    /* pair / impair */
    #comments ol .alt div, #comments ul .alt div {
      background-color: rgb(204,204,204);
      }
    #comments ol .alt ul div, #comments ul .alt ul div{
      background-color: rgb(204,204,255);
      }
    #comments ol .alt ul .alt div, #comments ul .alt ul .alt div{
      background-color: rgb(204,204,204);
      }
      #comments ol li div div, #comments ul li div div {
        padding: 0; position: static; border: none;
        }
  /* avatar */
  #comments .avatar {
    float: left; margin: 0 5px 0 0;
    }
  /* auteur */
  #comments .fn, #comments .fn a, #comments .fn a:hover {
    color: rgb(0,51,102);
    font-style: normal;
    }
  #comments .comment-author-admin .fn, #comments .comment-author-admin .fn a, #comments .comment-author-admin .fn a:hover {
    }
  #comments .fn {
    }
    #comments .fn a, #comments .fn a:hover {
      }
    #comments .fn a:hover {
      border-bottom: 2px solid rgb(255,255,204);
      }
  #comments .says {
    color: rgb(85,85,85);
    }
  /* date */
  #comments .comment-meta {
    margin: 1px 0 7px 0; padding: 0 0 5px 0; *margin-top: 4px; _margin-top: 4px;
    border-bottom: 1px dashed rgb(225,225,225);
    }
    #comments .comment-meta a, #comments .comment-meta a:hover {
      color: rgb(102,102,102);
      font-size: 0.8em;
      }
  /* edit */
  #comments .comment-edit-link {
    font-size: 0.7em !important;
    color: rgb(102,102,51) !important;
    }
  /* reply */
  #comments .reply {
    margin: 1px 0 0 0; position: absolute; top: 20px; right: 5px;
    text-align: right;
    }
    #comments .reply a, #comments .reply a:hover {
      color: rgb(153,0,0);
      font-size: 0.8em;
      }
    #comments .reply a:hover {
      background-color: rgb(153,0,0); color: rgb(235,235,235);
      }
/* - - - - - - */


/* - - - COMMENTS & PING - - - */
/* global */
#comments-ping {
  margin: 10px 0 0 0; padding: 0; float: left; width: 100%; display: none;
  border-bottom: 1px solid rgb(204,204,204);
  }
  /* listes des commentaires */
  #comments-ping ul {
    margin: 0; padding: 0 15px 0 0; list-style-type: none; clear: both;
    }
  #comments-ping ul li {
    margin: 0 8px -1px 0; padding: 2px 7px; float: right; cursor: pointer;
    background-color: white; color: rgb(51,51,51);
    border-style: solid; border-width: 1px 1px 0 1px; border-color: rgb(204,204,204);
    }
  #comments-ping ul .select {
    background-color: #506e8b; color: rgb(235,235,235);
    }
  #comments-ping ul li:hover {
    background-color: #5b7d9e; color: rgb(235,235,235);
    }
  /* info trackbacks */
  #info-trackbacks {
    margin: 0.70em 0 0 0.5em; float: left; width: 100%;
    color: rgb(102,51,51); font-size: 0.9em;
    }
/* - - - - - - */


/* - - - RESPOND - - - */
/* global */
#respond {
  margin: 15px 0 10px 0; padding: 0; float: left; width: 100%;height: 100%;
  color: rgb(153,51,51);
  }
  #respond p {
    margin: 0.3em 0;
    }
  #respond a, #respond a:hover {
    text-decoration: none; color: rgb(102,51,51);
    }
  #respond a:hover {
    text-decoration: underline;
    }
  /* obligatoire */
  #respond .obligatoire {
    color: rgb(153,0,0); font-size: 0.8em;
    }
  /* annuler réponse à un commentaire */
  #respond .cancel-comment-reply small {
    font-size: 1em; font-weight: bold;
    }
  /* submit */
  #respond .submit {
    margin: 1em 0;
    }
  #respond .submit input {
    font-weight: bold; cursor: pointer;
    background-color: rgb(235,235,235); border: 1px solid rgb(170,170,170); color: rgb(75,75,75);
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    }
  #respond .submit input:hover {
    background-color: rgb(220,220,220); border-color: rgb(160,160,160); color: rgb(55,55,55);
    }
/* - - - - - - */


/* - - - SIDEBAR - - - */
/* global */
.defaultul ul {
  margin: 15px 0 0 0; padding: 0; list-style-type: none; height: 100%;
  }
.defaultul ul li {
  margin: 0; padding: 0;
  }
.defaultul ul li .widgettitle {
  display: block; margin: 0; padding: 0 0 0 17px; clear: both;
  font-weight: bold; font-size: 1.2em; color: rgb(0,0,0); /* rgb(102,0,51) | rgb(0,51,153) | rgb(29,54,79) */
  font-family: Arial; font-variant: small-caps;
  background: transparent url('img/ico-fleche-2.png') 6px 4px no-repeat;
  }
.defaultul .widget_stags_cloud .widgettitle {
  display: none !important;
  }
  /* liste */
  .defaultul ul ul {
    margin: 2px 0 25px 0; padding: 0 0 0 1px;
    border-left: 0px solid rgb(153,51,51);
    border-top: 1px solid rgb(225,225,225);
    }
  .defaultul ul ul li, .defaultul ul ul li a {
    color: rgb(0,0,102);
    }
  .defaultul ul ul li,  .defaultul ul .col .simple li li {
    margin: 0; padding: 2px 5px;
    background-color: rgb(245,245,245);
    border-bottom: 1px solid rgb(225,225,225);
    }
  .defaultul ul ul li:hover, .defaultul ul ul li:hover a {
    }
  .defaultul ul ul li:hover {
    background-color: rgb(205,205,205);
    }
    .defaultul ul ul li a, .defaultul ul ul li a:hover {
      margin: 0; padding: 2px 1px;
      text-decoration: none;
      }
    .defaultul ul ul li a:hover {
      font-weight: bold; color: rgb(0,0,51);
      }
/* spécifique */
  /* colonnes */
  .defaultul ul .col {
    float: left; width: 100%;
    /* margin: 0; padding: 0; */
    }
  .defaultul ul .col .simple {
    float: left; width: 100%; margin: 0 0 0 0; padding: 0;
    border: none; background-color: white;
    }
  .defaultul ul .col .c_gauche { margin-bottom: 10px; }
    .defaultul ul .col .simple ul {
      margin: 2px 0 25px 0;
      }
    .defaultul ul .col .c_gauche ul { margin: 2px 0 15px 0; }
  .defaultul ul .col .simple li {
    margin: 0; padding: 0;
    border: none; background-color: white;
    }
  .defaultul ul .col .simple li li {
    border-bottom: 1px solid rgb(210,210,210);
    }
  .defaultul ul .col .simple li li:hover {
    background-color: rgb(235,235,235);
    }
  .defaultul ul .col .c_gauche {
    width: 55%;
    }
  .defaultul ul .col .c_droite {
    width: 41%; float: right;
    }
  /* polls */
  #polls {
    }
    #polls p {
      text-align: left !important;
      }
    /* title */
    #polls .widgettitle {
      display: none; visibility: hidden;
      }
    #polls p strong.title {
      color: rgb(102,51,51); font-size: 1.2em; padding-left: 21px;
      background: transparent url('img/ico-fleche-1.png') 4px 5px no-repeat;
      }
    /* form */
    #polls .wp-polls {
      margin: 0 0 25px 0;
      }
    * + html #polls .wp-polls { margin: 0 0 10px 0; }
    * html #polls .wp-polls { margin: 0 0 10px 0; }
      /* liste choix */
      #polls .wp-polls .wp-polls-ul {
        margin: 0 0 10px 0;
        }
      #polls .wp-polls .wp-polls-ul li {
        padding-top: 1px; padding-bottom: 1px; vertical-align: middle;
        }
      #polls .wp-polls .wp-polls-ul li label {
        vertical-align: middle; cursor: pointer;
        }
      /* valider */
      #polls .wp-polls p input {
        width: 95px; margin: 0 0 0 15px; cursor: pointer;
        }
      #polls .wp-polls p a, #polls .wp-polls p a:hover {
        margin: 7px 0 -30px 0; display: block; width: auto; float: left;
        position: relative; left: 120px; top: -31px;
        text-decoration: none; color: rgb(0,51,255);
        }
      #polls .wp-polls p a:hover { text-decoration: underline; }
      /* loading */
      #polls .wp-polls-loading {
        margin: -35px 0 25px 0;
        }
  /* tags */
  .widget_stags_cloud .st-tag-cloud {
    margin: 2px 0 20px 0; padding: 3px 8px;
    border: 1px solid rgb(220,220,220); background-color: #f8f8ff;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    }
  .widget_stags_cloud .st-tag-cloud a, .widget_stags_cloud .st-tag-cloud a:hover {
    margin: 0; padding: 0 3px;
    text-decoration: none; line-height: 1.4em;
    }
  .widget_stags_cloud .st-tag-cloud a:hover {
    background-color: rgb(215,215,215); color: rgb(153,51,51) !important;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    }
  /* texte */
  .textwidget {
    margin: 2px 0 25px 0;
    }
  .textwidget a, .textwidget a:hover {
    text-decoration: none;
    }
  .textwidget a:hover {
    text-decoration: underline;
    }
/* - - - - - - */


/* - - - MOD : ARCHIVES - - - */
/* global */
.archiveslist {
  margin: 15px 0 20px 0; padding: 0; list-style-type: none; float: left; width: 100%;
  }
  .archiveslist li {
    margin: 4px 8px 4px 0; padding: 0; float: left;
    }
    .archiveslist li a, .archiveslist li a:hover {
      display: block; float: left; margin: 0; padding: 2px 5px;
      border: 1px solid rgb(204,204,204); text-decoration: none;
      background-color: rgb(225,225,225); color: rgb(102,51,51);
      }
    .archiveslist li a:hover {
      background-color: rgb(240,240,240); color: rgb(153,51,51);
      }
/* - - - - - - */


/* - - - MOD : PLAN DU SITE - - - */
/* spécifique */
  /* colonnes */
  .plandusite div ul li .widgettitle {
    background: transparent url('img/ico-bulle-1.png') 3px 5px no-repeat; color: rgb(102,0,51);
    }
  .plandusite div ul .col .c_gauche {
    width: 43%;
    }
  .plandusite div ul .col .c_droite {
    width: 54%; float: right;
    }
  /* sous-colonnes */
  .plandusite div ul .col .col .simple li {
    margin: 0; padding: 0;
    border: none; background-color: white;
    }
  .plandusite div ul .col .col .simple li ul li {
    padding: 2px 5px;
    border-bottom: 1px solid rgb(210,210,210);
    }
  .plandusite div ul .col .col .simple li ul li:hover {
    background-color: rgb(235,235,235);
    }
  .plandusite div ul .col .col .c_gauche {
    width: 47%;
    }
  .plandusite div ul .col .col .c_droite {
    width: 49%; float: right;
    }
  /* page_item */
  .plandusite div ul li.page_item {
    padding-top: 5px !important; padding-bottom: 7px !important; height: 100%;
    }
  .plandusite div ul li.page_item li {
    padding-top: 2px !important; padding-bottom: 2px !important;
    }
  .plandusite div ul li.page_item li:hover, .plandusite div ul li.page_item li:hover a {
    color: rgb(235,235,235) !important;
    }
  .plandusite div ul li.page_item li:hover, .plandusite div ul li.page_item li:hover a {
    background-color: rgb(139,139,159) !important;
    }
  .plandusite div ul li.page_item ul {
    margin-bottom: 3px !important;
    }
/* - - - - - - */


/* - - - FORMULAIRE DE CONTACT - - - */
/* div.formulaire */
#content .form {
  padding: 3px 15px; margin: 10px 0 0 0;
  border: 1px solid rgb(215,215,215);
  background-color: rgb(247,247,247);
  }
  #content .form p {
    }
  #content .form label {
    text-align: right;
    display: block; float: left; width: 110px; cursor: pointer; margin-right: 8px;
    }
  #content .form .notxtalign {
    text-align: left;
    }
  #content .form .long {
    width: 200px;
    }
  #content .form p span {
    }
  #content .form .fleft {
    /* float: left; width: 75%; */
    }
  #content .form .submit {
    margin-left: 200px;
    }
  #content .form .champsobligatoires {
    font-style: italic; color: rgb(120,120,120);
    }
/* - - - - - - */


/* - - - GOOGLE ADSENSE - - - */
/* content */
#content .ggads {
  float: left; width: 100%;
  margin: -0.2em 0 0.3em 0; text-align: right;
  }
/* sidebar */
#sidebar .ggads, #sidebar2 .ggads {
  text-align: center; margin-bottom: 17px;
  }
/* - - - - - - */