@charset "UTF-8";
@import url('fontes.css');

/* Ce code est probablement obsolète. Tout sera refait bientôt ! */
/* Simplifié, et couleurs #ce6126, black et white */

/* Général */

* {
 border: none;
 margin: 0;
 padding: 0;
 text-decoration: inherit;
 font-weight: inherit;
 font-size: 1em;
 font-family: inherit;
 }
 
body {
 font-size: 15px;
 text-decoration: none;
 font-weight: normal;
 font-family: Delicious, sans-serif;
 color: #222222;
 background-color: #eeeeee;
 }

a, a:visited, a:active {
 color: #ce6126;
 }

a:hover, a:focus {
 border-bottom: dotted 0.05em #ce6126;
 color: black;
 }

p {
 margin-bottom: 0.5em;
 }
 
p:last-child {
 margin-bottom: 0;
 }

strong, b {
 font-weight: bold;
 }
 
em, i {
 font-style: italic;
 }
 
strike, del {
 text-decoration: line-through;
 }

pre, code {
 font-family: monospace;
 }
 
small {
 font-size: 0.8em;
 }
 
big {
 font-size: 1.1em;
 }

/* Cadres dont formulaires */

input, textarea, blockquote, pre, dl#commentaires dd, dl#apercu-commentaire dd, dl#retroliens dd, .micropost {
 background-color: #dddddd;
 padding: 0.5em;
 margin-bottom: 1em;
 
 -moz-border-radius: 0 0.5em 0.5em 0.5em;
 -webkit-border-radius: 0 0.5em 0.5em 0.5em;
 border-radius: 0 0.5em 0.5em 10.5em;
 } 
 
/* Formulaires uniquement */

textarea {
 font-family: Delicious, sans-serif;
 }
 
input:hover, textarea:hover {
 background-color: #c6c6c6; 
 } 
 
input:focus, textarea:focus {
 background-color: white;
 border: 0.1em solid #ce6126;
 padding: 0.4em;
 } 
 
form.contact input[type=text], form.contact textarea {
 width: 20em;
 display: block;
 }
 
input[type="submit"] {
 color: white;
 background-color: #ce6126;
 cursor: pointer;
 }
 
input[type="submit"]:hover, input[type="submit"]:focus {
 background-color: black;
 }
 
/* Listes */

ul {
 list-style-position: inside;
 list-style-type: circle;
 }
 
ul li {
 margin-bottom: 0.5em;
 }
 
ul li ul {
 margin-left: 1em;
 }

li p:first-child {
 display: inline;
 }
 
/* Contenu */

div#page {
 width: 32em;
 margin: 6em auto 0 auto;
 
 padding-right: 16em;
 padding-left: 2em;
 padding-top: 2em;
 padding-bottom: 2em;
 
 text-align: justify;
 position: relative;
 background-color: white;
 
 -moz-border-radius: 1em 1em 0 0;
 -webkit-border-radius: 1em 1em 0 0;
 border-radius: 1em 1em 0 0;
 }
 
/* Titres */

h1 {
 position: absolute;
/* font-size: 4em;
 top: -1em; */
 font-size: 3em;
 top: -1.4em;
 left: 0;
 color: #ce6126;
 font-family: Diavlo, sans-serif;
 font-weight: normal;
 }
 
 
h1 + span#sous-titre {
 position: absolute;
 font-size: 1.5em;
 top: -1.3em;
 left: 1em;
 color: black;
 }

div.blog h1 + span#sous-titre {
 left: 5em;
 }
 
h2 {
 display: block;
 width: 22em;
 
 font-family: Diavlo, sans-serif;
 font-weight: normal;
 font-size: 1.4em;
 
 border-color: #ce6126;
 border-style: solid;
 border-width: 0 0 0 0.2em;
 
 padding: 0.5em;
 margin-bottom: 0.5em;
 margin-top: 2em;
 }
 
h2 a, h2 a:hover, h2 a:focus {
 border: none;
 }
 
ul#nav + h2{
 margin-top: 0;
 }

/* Navigation */

ul#nav {
 display: block;                 
 position: absolute;
 right: -1.2em;
 top: -1.2em;
 height: 6em;
 width: 6em;
 -moz-border-radius: 3em;
 -webkit-border-radius: 3em;
 border-radius: 3em;
 background-color: #ce6126;
 list-style-type: none;
 list-style-position: inside;
 font-size: 1.05em;
 }
 
ul#nav li {
 background-color: #ce6126;
 text-align: right;
 margin-top: -0.5em;
 padding-right: 2em;
 }
 
ul#nav li:nth-of-type(n) { /* Moins de navigateurs */
 position: absolute;
 display: inline;
 top: 50%;              
 right: 50%;

 -moz-transform-origin: right center;
 -webkit-transform-origin: right center;
 transform-origin: right center;
 }
 
ul#nav li:hover { /* Au cas où la taille du texte est grande */
 z-index: 42;
 }
 
ul#nav li:nth-of-type(1) {
 -moz-transform: rotate(65deg);
 -webkit-transform: rotate(65deg);
 transform: rotate(65deg);
 }
 
ul#nav li:nth-of-type(2) {
 -moz-transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 transform: rotate(30deg);
 }
 
ul#nav li:nth-of-type(3) {
 -moz-transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 transform: rotate(-5deg);
 }
 
ul#nav li:nth-of-type(4) {
 -moz-transform: rotate(-40deg);
 -webkit-transform: rotate(-40deg);
 transform: rotate(-40deg);
 }

ul#nav li a {
 color: white;
 text-decoration: none;
 display: block;
 padding: 0.2em 1em 0.2em 1em;
 }

ul#nav li a:hover, ul#nav li a:focus {
 border: none;
 padding-left: 2em;
 font-weight: bold;
 }

ul#nav li.on a, ul#nav li.on a:hover, ul#nav li.on a:focus {
 color: white;
 font-weight: bold;
 padding: 0.2em 1em 0.2em 0.5em;
 }

/* Contenu secondaire */
  
div#secondaire {
 position: absolute;
 width: 12em;
 right: 2em;
 top: 9em;
 text-align: left;
 }
 
div#secondaire p {
 font-size: 90%;
 color: gray;
 }
 
div#secondaire h2 {
 width: 12em;
 font-size: 0.9em;
 border: none;
 padding: 0;
 margin-bottom: 0.5em;
 color: #ce6126;
 font-weight: bold;
 } 
 
/* Pied de page */
 
ul#pied {
 display: block;
 width: 50em;
 margin: 0 auto;
 
 padding-top: 1em;

 list-style: none;
 
 text-align: right;
 
 margin-bottom: 1em;
 }

ul#pied li {
 display: block;
 float: right;
 clear: right;
 font-size: 0.9em;
 padding-right: 85px;
 width: 100%;
 }
 
ul#pied li img {
 float: right;
 margin-right: -85px;
 margin-bottom: 1em;
 }

ul#pied li span {
 display: none;
 }
 
ul#pied li:hover span {
 display: inline;
 }
 
/* Page d'erreur */

div#erreur404 {
 text-align : center;
 }

div#erreur404 h2 {
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: 400px;
 height: 250px;
 background-image: url(images/404.png);
 border: none;
 padding: 0;
 }
 
div#erreur404 h2 span {
 visibility: hidden;
 }
 
/* Logos des profils */

ul.logos {
 list-style-type: none;
 }
 
ul.logos li {
 display: block; 
 }
 
ul.logos li a {
 display: block;
 height: 60px;
 width: 150px;
 }
 
ul.logos li a[style] span {
 display: none;
 }
 
ul.logos li a:hover, ul.logos li a:focus {
 border: none;
 opacity: 0.6;
 }
 
/* Pour le blog */

h2 span.sous-titre, h2 ul.tags {
 display: block;
 font-size: 0.7em;
 }
 
h2 ul.tags li {
 display: inline;
 list-style-type: none;
 }
 
ul.pagination {
 margin-top: 2em;
 display: block;
 height: 40px;
 width: 30em;
 clear: both;
 list-style-type: none;
 }
  
ul.pagination li {
 display: block;
 } 
 
ul.pagination li a {
 display: table-cell;
 height: 40px;
 width: 10em;
 background-color: #eeeeee;
 background-repeat: no-repeat;
 overflow: hidden;
 text-align: center;
 vertical-align: middle;
 } 
 
ul.pagination li a:hover, ul.pagination li a:focus {
 background-color: #f8f8f8;
 border: none;
 }

ul.pagination li.avant {
 float: left;
 }
 
ul.pagination li.avant a {
 background-image: url(habillage/gauche.png);
 padding-left: 40px;
 background-position: left top;
 }
 
ul.pagination li.avant a:hover, ul.pagination li.avant a:focus {
 background-position: left bottom;
 }
 
ul.pagination li.apres {
 float: right;
 }
 
ul.pagination li.apres a {
 background-image: url(habillage/droite.png);
 padding-right: 40px;
 background-position: right top;
 }
 
ul.pagination li.apres a:hover, ul.pagination li.apres a:focus {
 background-position: right bottom;
 }
 
dl#commentaires dt.me {
 color: #4e9a06;
 font-weight: bold;
 }

form#comment-form {
 margin-top: 2em;
 }
 
/* Tweets */
 
ul#twitter_update_list {
 font-size: 0.9em;
 }
 
/* Propagande */

div#pub {
 position: absolute;
 top: 0;
 left: -150px;
 
 background-color: white;
 width: 120px;
 padding: 5px;

 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 }