/* ----------------------------------------------------------------------------
  
   Blogue de Jean-Philippe Monette
   * Adresse:      http://www.jpmonette.net/
   * Réalisateur:  Jean-Philippe Monette
   * Contrat:      
        Creative Commons, version 2.5 Canada
            o Paternité 
            o Pas d'Utilisation Commerciale 
            o Partage des Conditions Initiales à l'Identique
        Intégrale: http://creativecommons.org/licenses/by-nc-sa/2.5/ca/deed.fr

---------------------------------------------------------------------------- */

body {
    background-color: #e7e7de;
	background-image: url("images/bg.png");
    color: #44403b;
	font-size: 14px;
    font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
}

strong{font-weight: bold;}
em{font-style:italic;}

::-moz-selection{
background: #dd8989;
color: white;
} 

::selection {
background: #dd8989;
color: white;
} 

/* ==========================
// >> #entete
// ======================= */

#entete {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right;
    width: 1000px;
}

#entete h1 {
	display: none;
}

/* ==========================
// >> #contenu
// ======================= */

#contenu {
    background-color: white;
    padding: 20px;
    margin: auto;
    padding-bottom: 3em;
	padding-top: 0;
    width: 960px;
}

#contenu p a, li a{
    color: #c15c41;
}

#contenu p a:hover, li a:hover {
    color: #ce806b;
}

#contenu form {
	font-size: 90%;
}

#contenu form textarea {
    border: 1px solid #bbbbbb;
    background-image: none;
    font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size: 90%;
    padding: 0.4em;
    width: 98%;
}

#contenu form input {
    border: 1px solid #bbbbbb;
    font-size: 1em;
    padding: 0.4em;
}

#contenu form label {
	font-size: 90%;
}

#contenu form fieldset {
    border: 1px solid #cccccc;
	padding: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}

#contenu form fieldset legend {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#contenu .commentaire {
	margin-bottom: 3em;
}

#contenu .commentaire .contenu {
	border-right: 1px solid #868686;
	font-size: 80%;
	margin-right: 190px;
	padding-right: 10px;
}

#contenu .commentaire .entete {
	float: right;
	font-size: 80%;
	width: 180px;
}

#contenu .commentaire .entete p {
	text-align: left;
}

#contenu .commentaire .contenu p br {
	margin-top: 0.5em;
}

#contenu .centre, .center {
	text-align: center;
}

#contenu-haut {
    background-image: url("images/contenu-haut.png");
    background-repeat: no-repeat;
	height: 24px;
	margin: auto;
	width: 1000px;
}

/* ==========================
// >> #corps
// ======================= */

#corps {
	margin-right: 280px;
	min-height: 1800px;
}

#corps ul {
	list-style-type: disc;
}

#corps ol {
	list-style-type: decimal;
}

#corps li{
    font-size: 0.8em;
    line-height: 1.2857em;
    margin: 0 0 1.2857em 5em; 
    text-align: justify;
}

#corps h1 {
	color: #4b4740;
	font-family: georgia, serif;
	font-weight: normal;
    font-size: 210%;
	margin-bottom: 0.75em; 
	margin-top: 0em;
}

#corps h2 {
    color: #daa207;
	font-family: georgia, serif;
	font-weight: normal;
    font-size: 180%;
}

#corps h2 a {
    color: #daa207;
    text-decoration: none;
}

#corps h2 a:hover {
    text-decoration: underline;
}

#corps h3 {
	border-bottom: 1px dashed #a29b92;
    color: #daa207;
	font-family: georgia, serif;
	font-weight: normal;
    font-size: 150%;
	margin-bottom: 0.9em;
	margin-top: 0em;
}

#corps h4 {
    color: #a29b92;
	font-family: georgia, serif;
	font-weight: normal;
    font-size: 130%;
	margin-bottom: 1em;
	margin-top: 0em;
}

#corps p {
    font-size: 1em;
    line-height: 1.2857em;
    margin: 0 0 1.2857em 0; 
    text-align: justify;
}

#corps .message-info {
    border-bottom: 1px solid #e0dedb;
    color: #666666;
    font-style: italic;
}

#corps .message-info a {
	text-decoration: none;
}

#corps .commentaires {
    float: right;
}

#corps .commentaires a {
    text-decoration: none;
}

#corps .image, .centre {
    text-align: center;
}

#corps .image .image_figure {
    font-weight: bold;
    text-decoration: underline;
}

#corps .precedent {
    float: right;
}

#corps .precedent, .suivant {
    width: 95px;
}

#corps .precedent a:hover {
    background-color: #fbe29e;
    color: white;
}

#corps .suivant a:hover {
    background-color: #fbe29e;
    color: white;
}

#corps .precedent p {
    text-align: center;
}

#corps .suivant p {
    text-align: center;
}

#corps .precedent a{
    background-color: #fad673;
    color: white;
    padding: 6px;
    height: 20px;
    text-decoration: none;
    width: 95px;
}

#corps .suivant a {
    background-color: #fad673;
    color: white;
    padding: 6px;
    height: 20px;
    text-decoration: none;
    width: 95px;
}

#corps .pied p {
    text-align: right;
}

/* ==========================
// >> #menu
// ======================= */

#menu {
	float: right;
	margin-left: -250px;
	width: 250px;
}

#menu p, li {
    font-size: 0.8em;
    line-height: 1.2857em;
    margin: 0 0 1.2857em 0; 
}

#menu ul {
    margin-left: 20px;
}

#menu li {
    margin: 0 0 0.5em 0;
}

#menu h2 {
    border-bottom: 1px dotted #999999;
    color: #ef9e1f;
	font-family: Arial, serif;
	font-weight: normal;
    font-size: 110%;
    padding: 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#menu .syndication {
    background-image: url("images/fils-rss.png");
    background-repeat: no-repeat;
    height: 35px;
    padding-left: 40px;
    padding-top: 2px;
    width: 100%;
}

#menu .favoris-titre {
    font-weight: bold;
}

#menu .favoris-lien {
    font-size: 90%;
}

#menu .centre a:hover {
    background-color: transparent;
}

#menu .commentaires blockquote {
    background-color: #faf9f8;
    border: 1px solid #ecece6;
    margin-left: 20px;
    margin-right: 20px;
}

/* ==========================
// >> #pied
// ======================= */

#pied {
    background-color: #1b1d1e;
    border: 3px solid #8e8e8e;
	clear: right;
    color: #f1f1f1;
    padding: 20px;
    padding-left: 150px;
    padding-right: 150px;
    margin: auto;
    width: 694px;
}

#pied a {
    color: #e4b8ab;
}

#pied p {
    font-size: 80%;
    line-height: 1.2857em;
    margin: 0 0 1.2857em 0; 
    text-align: center;
}