/*  
Theme Name: z720
Theme URI: http://z720.net/
Description: z720 Thème par défaut.
Style Name: Blue Sky
Version: 2.2
Author: Seb Erard
Author URI: http://z720.net/

*/


/* Centrage du cadre principal */
body {
  text-align: center;
  background: #FFF url(images/cadre.png) repeat-y center top;
}
#cadre {
  text-align: left;
  margin: auto;
  width: 700px;
  position: relative;
}

/* Block contenu les informations de la page */
#contenu {

  width: 480px;
  float:left;
}

/* Block de navigation ou sidebar */
#navigation {
  width: 180px;
  float:right;
  margin: 0 10px;
}

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

#navigation li, #navigation h2 {
  padding: 2px 0;
  margin: 2px 0;
  border-bottom: 1px dashed #DDD;
}
#navigation ul.children li {
  border:none; margin: 1px 0 1px 0.5em; padding:0;
}
#navigation ul li.widget {
  border:none;
}

/* Pied de page */
#footer {
  margin-top: 10px;
  clear: both;
}

hr {
  display: none;
}
  

/* Lien vers l'admin */
#adm a { position:absolute; bottom:5px; right: 5px; font-size: 5px;}

/* Info utilisateur */
.userinfo {
  border: 2px solid #FFF ;
  background-color: #DDD;
  padding : 5px;
  text-align: center;
  font-weight: bold;
}

h1 {
  margin: 0;
  font-size: 110%;
}

h2, h3 {
  margin: 0;
  font-size: 105%;
}

h1, h2, h3, h1 a, h2 a, h3 a {
  padding: 18px 0 9px;
  color: #39C;
}


p {

  margin: 0px;
  margin-top: 0.8em;
}

a {
  text-decoration: none;
  color: #4680C4;
}

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

img {border:none;}

pre {
  border-left: 5px solid #CCC;
  padding-left: 10px;
  overflow-x: scroll;
}

#contenu img {
  border: 1px solid #CCC;
  padding: 10px;
  background-color: #FFF;
  text-align: center;
  max-width:420px;
}

body {

  margin: 0px;
  padding:0px;
  border-top: 10px solid #39C;
  font: 100%/110% Verdana, Helvetica, Arial, Sans-serif;
}

code { font-size:110%; } 

#top {
  position:absolute;
  top: 0;
  font-size: 9px;
  margin: 0;
  padding:0;
}
#top li {
  list-style:none;
  float:left;
  margin: 0;
  padding:2px;
}
#top a {
  color: #FFF;
}

#cadre {
  border: 10px white solid;
}

#header {
  background-image: url(images/nuages.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}
#header {
  text-indent: -9000px;
  height: 150px;
}

/* Sliding doors experiment */
#menu {
    float:left;
    width:100%;
    line-height:normal;
    background: #4680C4;
    margin:0;
    padding:0;
    list-style:none;
    }
#menu a {
    display:block;
    background: url(images/onglet-left.gif)
      no-repeat left top;
    margin : 0px;
    padding: 2px;
    padding-left: 9px;
    color: white;
    font-weight: bold;
    }    
#menu li {
    float:left;
    background:url(images/onglet-right.gif)
      no-repeat right top;
    padding: 0px 14px;
    padding-left: 6px;
    list-style:none;
    }
#menu a:hover {
    color: #DDD;
    text-decoration: none;
}
#menu li.current_page_item a {
  color: #CCC;
}
#menu ul {display: none;}


#contenu, #navigation {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
}
#contenu {
  background: #F0F0F0 url(images/degrade.gif) bottom left repeat-x ;
  border-top: 10px solid #FFF;
  padding: 5px 15px 30px;
}

#contenu li,
#contenu dd,
#contenu .imglist .imgres li {
  display:list-item;
  list-style-image: url(images/circular_arrow.png);
}

#contenu table {
  padding: 10px 0px;
  font-size:0.8em;
}
#contenu table td,
#contenu table th { padding:2px;}
#contenu table tbody td,
#contenu table tbody th {
  border-bottom:1px solid #CCC;
}

#contenu table thead {
  background-color: #AAA;
}

#contenu table tfooter {
  border-bottom: 2px solid #AAA;
}

#contenu form {
  margin: 0 auto;
  padding: 1em 15px;
  width: 90%;
  background-color : #FFF;  
}

#contenu label {
  float: left;
  text-align: right;
  width: 100px;
}

#contenu input, #contenu textarea, #contenu select {
  margin-left: 12px;
  width: 300px;
}
#contenu input[type=submit] {
  font-weight: bold;
  width: auto;
}
#contenu textarea {
  height: 10em;
}
#contenu fieldset {
  border:none;
  border-bottom: 1px dashed #CCC;
  margin-bottom: 0.5em;
}

#contenu p,
#contenu li,
#contenu dt,
#contenu dd {
  font-size: 80%;
}
#contenu dt { font-weight:bold; }

#contenu li li {
  font-size: 1em;
}
#contenu blockquote {
  border-left: 5px solid #CCC;
  padding: 1em;
  background-color: #F9F9F9;
}

#contenu .postmetadata,
#contenu .technorati {
  color: #999;
  line-height: 100%;
  font-size: 65%;
  border: 1px dashed #DDD;
  padding: 10px;  
  background-color: #EEE;
  clear:both;
}
#contenu .entryexcerpt {
  color: #999;
  font-weight: bold;
}
#contenu .pagination {
  text-align:center;
}
#contenu .alignleft {
  display:inline;
}
#contenu .alignright {
  display:inline;
}

#contenu h2 {
  margin-top: 1em;
  padding-top: 0.3em;
  border-top: 1px dashed #CCC;
  clear:both;
}

#adsz {
  padding: 2em 0;
}

#navigation {
  font-size: 75%;
}
#navigation h2 {
  padding-top: 12px;
}
#navigation h2 a {
  font-size: 90%;
  color: #4AD;
  margin-left: 0.5ex;
}
#navigation form {
  margin: 0;
  padding: 0;
}
#navigation fieldset {
  border: none;
}
#navigation input {
  border: 1px solid #CCC;
  background-color: #F0F0F0;
}
#navigation #s {
  width: 70%;
}
#navigation #searchsubmit {
  width: 20%;
}

#footer {
  border-top: 1px solid #DDD;
  font-size: 70%;
  color: #AAA;
  line-height: 100%;
}

#footer a {
  text-decoration: none;
  color: #666;
}

#footer a:hover {
  color: #333;
}

#navigation ul.inactif li {
  display: none;
}

#navigation ul.actif li {
  display: inherit;
}

#navigation li.actif {
  border-right: #39C solid 1em;
}

.commentlist {
  margin: 0;
  padding: 0;
  padding-left: 5px;
}
.commentlist li {
  border-left: 5px solid #39C;
  padding: 0.5em;
  margin: 0.7em;
  background: #FFF;
  display: block;
}
.commentlist li.master {
  border-left-color: #3C3;
}
.commentlist p {
  margin: 0;
}
#contenu .commentlist img.avatar {
  float: right;
  width: 40px;
  padding: 0; margin: 0 5px;
}

#contenu ul.imglist {
  padding-left: 0;
  list-style-type: none;
}
#contenu ul.imglist li {
  margin-left: 0;
  list-style-image: none;
}
#contenu ul.imgres  {
  border-bottom: 1px dashed #DDD;
  margin-bottom: 2em;
  float:right;
  width: 300px;
  padding-left: 0;
}
#user {
  background-color: #F0F0F0;
  padding: 5px;
}
.restricted:after {
  content: " (zone restreinte) ";
}

.album ul.imglist li {display:block;float:left;width:230px;}


/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #contenu h1 {visibility: hidden;	letter-spacing: -10px;font-size:110%;}