/* 
    Feuille de style générale du site web florian.biree.name - Thème KotKodaK
    
    Copyriht © 2007-2010, Florian Birée <florian@biree.name>.
    
    Cette création est mise à disposition sous le contrat Creative Commons 
    Paternité-Partage des Conditions Initiales à l'Identique 2.0 France
    <URL:http://creativecommons.org/licenses/by-sa/2.0/fr/>
    
    Feuille de style écrite à l'aide de : <http://sass-lang.com/>
*/
/* 
    Feuille de style générale du site web florian.biree.name - Thème KotKodaK

    Copyriht © 2007-2010, Florian Birée <florian@biree.name>.

    Cette création est mise à disposition sous le contrat Creative Commons 
    Paternité-Partage des Conditions Initiales à l'Identique 2.0 France
    <URL:http://creativecommons.org/licenses/by-sa/2.0/fr/>

    Cette feuille de style contient les éléments communs à toutes les css.

    Feuille de style écrite à l'aide de : <http://sass-lang.com/>
*/
/******************************************************************************/
/*                                 Général                                    */
/******************************************************************************/
/****************************
* Définition des constantes *
****************************/
/* corps de la page :
*********************/
html, body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.2; }

body {
  color: black;
  font-size: 1em;
  font-family: "trebuchet ms", arial, helvetica, sans-serif;
  background-color: white; }

/* liens :
**********/
a, a:visited {
  color: #2f4600;
  border-bottom: #f2c56c 1px solid;
  text-decoration: none; }

a:hover {
  border-bottom: #2f4600 1px solid;
  text-decoration: none; }

a.little {
  font-size: small;
  font-style: italic; }

/* Titres :
**********/
h1, h2, h3, h4, h5, h6 {
  color: #f2c56c;
  font-weight: bold; }

/* abbréviations :
******************/
acronym, abbr {
  border-bottom: 1px dotted #f2c56c; }

/* Citations :
**************/
q {
  quotes: "« " " »" "“" "”"; }

q:before {
  content: open-quote; }

q:after {
  content: close-quote; }

blockquote {
  background: #f2c56c;
  border-left: #5a3119 3px double;
  margin: 0 1em;
  padding: 0 1ex; }

/* Paragraphes :
****************/
p {
  text-align: justify; }

/* Éléments de texte à police de largeur fixe :
***********************************************/
textarea, pre, code {
  font-size: 0.9em; }

pre, code {
  font-family: 'Lucida Console','Andale Mono','Courier New',Courier; }

pre {
  line-height: 1.2em; }

pre code, code code, pre pre {
  font-size: 100%; }

/* Listes :
***********/
li {
  list-style-image: url(img/bullet_red.png); }

dd {
  margin-bottom: 1ex; }

/******************************************************************************/
/*                              Décorations                                   */
/******************************************************************************/
/* liens absolus :
******************/
/*a[href^="http"]:after {content:"\0000a0"url(img/external.png);}
a[href*="biree.name"]:after, a[href*="localhost"]:after {content:""; content:none;}*/
a[href^="mailto:"]:after {
  content: "\0000a0" url(img/mail.png); }

a[href^="xmpp:"]:after {
  content: "\0000a0" url(img/jabber.png); }

a[href^="sip:"]:after {
  content: "\0000a0" url(img/phone.png); }

a.feed:after {
  content: "\0000a0" url(img/syndic.png); }

/* liens en langue étrangère :
******************************/
a[hreflang]:before {
  content: "(" attr(hreflang) ")\0000a0"; }

a[hreflang="fr"]:before {
  content: "";
  content: none; }

/* liens autour d'une image :
*****************************/
a.image:before, a.image:after {
  content: "";
  content: none; }

/* blocs flottants à droite */
.right {
  float: right;
  border: #a1b747 solid 5px; }

/* colone de droite */
.right-text {
  float: right;
  border-left: #a1b747 dotted 1px;
  width: 47%;
  margin-left: 2%;
  padding-left: 2%; }

/******************************************************************************/
/*                             Structure                                      */
/******************************************************************************/
/* Header :
***********/
#header {
  position: relative;
  margin-top: 1em;
  margin-right: 3em;
  margin-bottom: 1em;
  text-align: right; }
  #header a, #header a:visited {
    color: #f2c56c;
    text-decoration: none; }
  #header a:hover {
    color: #a1b747;
    text-decoration: none; }

/* Content :
************/
#content {
  clear: both;
  margin: 0 1em 0 0;
  padding-top: 1em;
  padding-bottom: 1ex;
  border-top: 1px dashed #f2c56c;
  border-bottom: 1px dashed #f2c56c; }
  #content h1 {
    font-size: 1.4em; }
  #content h2 {
    font-size: 1.3em; }
  #content h3 {
    font-size: 1.2em; }

/* Wiki footer :
****************/
#infos {
  clear: both;
  text-align: right;
  font-size: 0.8em;
  margin-right: 3em; }
  #infos ul {
    list-style: none;
    margin: 0; }

/* Footer :
***********/
#footer {
  font-size: 0.8em;
  clear: both; }
  #footer p {
    margin: 0; }

/******************************************************************************/
/*                                 Général                                    */
/******************************************************************************/
/* corps de la page - Kodak image :
**********************************/
html {
  margin-left: -450px; }

body {
  background-image: url(img/kodak.png);
  background-position: 30% 0;
  background-repeat: no-repeat;
  padding-left: 20%;
  margin-left: 30%; }

/* abbréviations :
******************/
acronym, abbr {
  cursor: help; }

/******************************************************************************/
/*                             Structure                                      */
/******************************************************************************/
/* NavBar :
***********/
#navbar {
  font-size: 1em;
  margin-left: -2em;
  text-align: right;
  margin-bottom: 1ex; }
  #navbar ul {
    list-style: none;
    margin-bottom: 0;
    float: left; }
  #navbar li {
    display: inline; }
  #navbar a {
    color: #5a3119;
    padding: 1ex;
    background: white;
    border: #a1b747 1px dashed;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px; }
  #navbar a:hover {
    border: #a1b747 1px solid;
    color: #2f4600; }

/* Wiki footer :
****************/
#infos li {
  display: inline; }
#infos li:before {
  content: "~\0000a0"; }
#infos li:after {
  content: "\0000a0"; }
#infos ul > li:first-child:before {
  content: "";
  content: none; }

/* Edit field :
***************/
#id_page_content {
  display: block;
  width: 100%;
  height: 30em; }