/* CUSTOM thème GANDI OK OK OK   */


/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css d e structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
------------------------------------------------------------------
 --------------------------------------------------------------
	AVANT TOUTE CHOSE
	remise à zéro de toutes les marges des grands blocs pour que 
	tous les navigateurs calculent depuis le même point de départ 
--------------------------------------------------------------- */
html, body, #page, #top, #prelude, #wrapper, #footer,
#main, #content,
#sidebar, #blognav, #blogextra {
	margin : 0;
	padding : 0;
	}

/* --------------------------------------------------------------
	CENTRAGE DE LA PAGE DANS LA FENETRE DU NAVIGATEUR.
	(supprimer ces lignes si on ne veut pas centrer)
	Note : on peut remplacer la valeur (ici 0) des marges au-dessus 
	et en dessous de la page par la valeur de son choix (px ou em).
--------------------------------------------------------------- */
body {
	text-align :  center;
	}
#page {
	margin : 0 auto;
	text-align : left;
	}
	

/* -------------------------------------------------------------
	STRUCTURE FLUIDE - 2 COLONNES - SIDEBAR A DROITE
	Vous pouvez modifier 100% par la valeur de votre choix.
	Vous pouvez modifier 200px par la valeur de votre choix et 
	210px par votre nouvelle valeur +10px
--------------------------------------------------------------- */
#page {
	width : 95%;
    }
#top {
	height : 80px; /* a modifier par la valeur de votre choix */
	} 
#top h1 {
	margin : 0;
	padding : 0;
	height : 80px; /* idem que pour #top */
	}
#wrapper {
	margin : 0 10px;
	}
#main {
	width : 100%;
	margin : 0 -200px 0 0;
	float : left;
	}
#content {
	margin : 0 210px 0 0;
	padding : 10px 20px;
	}
#footer {
	clear : both;
	text-align:center;
	height : 30px;
	}
#sidebar {
	width : 250px;
	float : right;
	}
#blognav, #blogextra {
	margin : 0 6px;
	}
	
/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body {
	margin : 0;
	padding : 0;
	font-family : Verdana,Lucida,Helvetica,sans-serif;
	font-size : 80%;
	color:#333;
	background: #fff 

url(https://www.jafland.info/public/chinaberry21.jpg) repeat;
}

 
 /*h*/
 
h1 { font-size : 2.25em; margin : 0.67em 0; font-style:italic; }
h2 { font-size : 1.5em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin : 1em 0; }
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }
h1, h2 { font-family : "Trebuchet MS","Times New Roman","New York",serif; 

}
h3, h4, h5, h6 { font-family : Verdana,Lucida,Helvetica,sans-serif; 

font-weight : bold; color : #666; margin-top : 2em; }

p { margin : 1em 0; }
img { border : none; margin:0; }
sup { }
acronym, abbr {
	border-bottom: 1px dotted #999;
	cursor:help;
}

q {  /* citations */
    font-style : italic; 
    background : #fff;
    padding : 0 4px;
}
blockquote {
    background : #fff;
    margin : 1em 1em 1em 2em;
    padding : 1em 2em 0.33em 1em;
}
cite {
	font-style : italic;
}

ul {
	position : relative;
} /* pour eviter la disparition d'image aleatoire au survol des liens */
ol { }
dl { }

form { display : block; margin : 0; padding : 0; }
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}
/*input { }
label { }*/
/*pas sûr de ce qui suit (jusqu'à c:remember)*/

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background: #f1f0ed ;
}

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}

input[type=submit]:hover {
	background : #598F9A;
	color : #fff;
}

textarea {
	width : 95%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}


/* ------------------------------------------------------------
	couleur du titre principal (a)  
 couleur des titres de billets = main a:link

 
#864525 mauve
ead0af
ceb695 ressemble aux blocs  Beige moyen ceb491 beige marron doré 866c48  

beige clair #f1e4d3  beige clair f4ecd9 beige + clair #f1f0ed  Presque 

blanc #fff   Beigedoré #B8860B
  rouge #660000  Rouge #933522  Presque rouge noir #3f2e04    
  gris moyen #CED6D9 et #999 et 888 et ccc et foncé#666 et Noir #333 

ou#000
------------------------------------------------------------- */

a { color : #660000; text-decoration : none; }


#main a:link {
	color : #3f2e04; 
        	}
	
#main a:visited {
	color : #B8860B ; 
        	}

#main .post-info a, #main .post-tags a, #main .post-info-co a {
	color : #3f2e04;
	}
	
#main a:hover {
	color : #933522;
       text-decoration:underline;
}
#main a:focus {
	text-decoration:underline;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color:#CED6D9; 
	background : transparent;
}


/* ------------------------------------------------------------
	hover = lien survolé couleur Rouge #933522 
------------------------------------------------------------- */

#top a:hover, #main .post-title a:hover {
	color : #933522;
}

a img { }
 
code, pre { 
	font-family : "Courier New",monospace; 
	font-size : 1.1em; 
	background : #3f2e04;
 }
pre { 
	margin : 0 auto; 
	margin-bottom : 1em; 
	padding : 0.5em; 
	text-align:left;
	white-space:normal;
		/* caché pour IE 5 Mac qui sait pas faire \*/
		white-space:pre;
		width: 90%; 
		overflow : auto;
		/* End hack */
}
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page {
	width : 95%;
	background : f4ecd9;
    }

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE (titre et prélude)
------------------------------------------------------------- */

#top {
	background : transparent url(images/ensemble/rotator.php) 

no-repeat 8px bottom;	
	text-align : center;
	height:110px;
	margin : 0;
	font-family : georgia, serif;
	border-bottom : 2px solid #ccc;
}

/*#top h1 {
	margin : 0;
	padding : 1em 1px;
	line-height : 2em;
}*/

#top h1 {
	position: relative;
	top: 25px;
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 3.5em;
}
#prelude {
	position : absolute;
	top : 0;
	left : 17em;
	padding : 0;
	font-size : 0em;
}

/* Les trois lignes suivantes à supprimer si vous souhaitez voir 

s'afficher le prelude
#prelude, #prelude a {
	color:#fff;
}        */


/* ------------------------------------------------------------
	5. WRAPPER (conteneur des deux colonnes) MAIN CONTENT (partie des 

billets)
------------------------------------------------------------- */

#wrapper {
	margin : 0 10px;
        background:#fff;
	}
#main {
	width : 100%;
	padding : 0 0 0 0;
	margin : 0 -250px 0 0;
	float : left;
	background:#fff;  /*fond de gauche */
	}
#content {
	margin : 0 260px 0 0;
	padding : 0 20px 10px 20px;
	border-right : 1px solid #3f2e04;
	}

#content-info, #content-info h2 {
	color : #3f2e04;
	text-align:center;
	font-family : Verdana,Lucida,Helvetica,sans-serif;
	margin : 1em 0 0 0;
	padding : 0;
}
#content-info {
	font-size : 0.84em;
}

.content-inner { }

.pagination { }
#navlinks { }


/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post {
	border-bottom : 2px solid #933522;
	margin-top:1em;
	margin-bottom : 1em;
	padding-top : 4px;
	padding-bottom : 1em;
}
/*.post.first { }
.post.odd { }*/

.day-date {
	display:none;
}
.post-title {
	font-weight:normal;
	font-size:1.4em;
	background : transparent no-repeat 0 40%;
	padding-left : 22px;
	margin:0;
	color : #933522 ;
	text-align:center;
}
.post-info {
	margin-bottom: 0;
	margin-top : .5em;
	color:#888;
	text-align:center;
}
ul.post-tags {
	padding-left : 0;
}
ul.post-tags li {
	display : inline;
	background : transparent url(images/ulul.png) no-repeat 0 4px;
	padding-left : 9px;
	padding-right : 14px;
}
.post-chapo {
	text-align:justify;
	margin-top:1.33em;
}
.post-content {
	text-align:justify;
	margin-top:1.33em;
}
.post-content p {
	margin-top:0.66em;
	line-height:120%;
}

.footnotes {
	font-size:0.9em; color:#666;
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
}
.footnotes h4 {
	margin: 0.5em 0;
}

.post-info-co span {
	background : transparent url(images/ico_tb.png) no-repeat 100% 

40%;
	padding : 0 15px 0 0;
}
.comment_count, .ping_count {
	background : transparent url(images/pen1.gif) no-repeat 0 40%;
	margin-top:0;
	padding : 0 23px;
}
.attach_count { 
	background : transparent url(images/pen1.gif) no-repeat 0 40%;
	margin-top:0;
	padding : 0 23px;
}

/*
#attachments { }
#attachments h3 { }
#attachments ul { }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }
*/


/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */

#pings, #comments, #pr, #comment-form {
	margin : 0 ;
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size:0.9em;
}
#comments .me {
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
        color : #933522;
}
#comments dd.me {
	font-size : 1em;
}
#pings h3, #comments h3, #pr h3, #comment-form h3, #comments-feed {
	border-top : 1px solid #933522;
	font-size : 1em; 
	margin : 2em 0 1em 0;
}
#pings dd, #comments dd, #pr dd { /* ça c'est le blockquote*/
	/*margin : 0 0 1em 2em;*/
	margin : 0 0 2em 0;
	padding : 2px 1em 0.5em 1em;
	font-style : normal;
	background:#fff;
	border : 1px solid #ceb491;
}
#pings dt, #comments dt {
	margin : 0;
	padding : 0 0 0 18px;
}
#pings dt {
	background-image : url(images/ico_tb.png);
	background-position : 4px 60%;
	background-repeat : no-repeat;
}
#comments dt { /* Ã a c'est le comment-info*/
	/*background-image : url(images/pen2.gif);
	background-position : 0px 60%;
	background-repeat : no-repeat;*/
	margin : 0;
	padding : 4px 1em;
	color : #000;
	background: #ceb491;
}

#comments a:link  {
	font-weight : bold;
	color : #933522;
}

#comments a:hover {
	text-decoration : underline
}

.comment-info {
	margin : 0;
	padding :  2px 1em;
	background : #ddd;
}
#comments blockquote, #trackbacks blockquote {
	background : #eee;
	margin : 0 0 2em 0;
	padding : 2px 1em 0.5em 1em;
}

#comment-form fieldset { }
.field { }
.field label { }
.field input { }
.field textarea { }

#comment-form input[type=submit] { }
#comment-form input[type=reset] { }

.form-help { }

#ping-url { }
#comments-feed {
	margin : 2em 0 1em 0;
	text-align : center;
	background : #f4ecd9;
	padding : 2px;
}
#comments-feed a:link {
	color : #fff;
	font-weight : bold;
	text-decoration : underline;
}

/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar {
	width : 250px;
	float : right;
	background : f1e4d3;
	font-size : 80%;
	}
#blognav, #blogextra {
	margin : 0 6px 0 1px;
	}
	
#sidebar h2 {
	font-weight : bold;
	color : #933522;
	padding : 0 0 3px 6px;
}

#sidebar h3 {
	font-size : 1.15em;
	color : #3f2e04;
	font-weight : normal;
	margin-bottom : 0.5em;
}

#sidebar h2 {
	font-size:1.25em;
	background-color : transparent;
	background-repeat : no-repeat;
	background-position : 0 100%;
	border-bottom: 1px solid #866c48;
	}

#sidebar ul { 	
	padding-left : 0;
	margin : 0 0 0 0;
	list-style : none;
}

#sidebar li {
	display : block;
	margin-top : 0.15em;
	/*padding-left : 15px;*/
	padding : 3px 0;
	color : #e2d6ad;
	/*background : transparent url(img/puce.png) no-repeat 0 0.25em; 

/*avant c'était img/puce.png*/
	border-bottom: 1px dashed #f4ecd9;
}

#sidebar li a:hover{ 
	font-weight: Bold; 
	color:#864525; 
}

#sidebar li a:visited { 
	color:#864525; 
}

.categories { background: #f4ecd9; margin: 5px 0; padding: 0 10px 10px 

10px; border: 1px solid #eeeeee; }
.pages { background: #f4ecd9; margin: 5px 0; padding: 0 10px 10px 10px; 

border: 1px solid #eeeeee; }
.selected { background: #f4ecd9; margin: 5px 0; padding: 0 10px 10px 10px; 

border: 1px solid #eeeeee; }
.text { background: #f4ecd9; margin: 5px 0; padding: 0 10px 10px 10px; 

border: 1px solid #eeeeee; }
.syndicate { background: #e7d3b8; margin: 5px 0; padding: 0 10px 10px 

10px; border: 1px solid #eeeeee; }
.lastposts { background: #f4ecd9; margin: 5px 0; padding: 0 10px 10px 

10px; border: 1px solid #eeeeee; }
.lastcomments { background: #f4ecd9; margin: 5px 0; padding: 0 10px 10px 

10px; border: 1px solid #eeeeee; }
.links { background: #f4ecd9; margin: 5px 0; padding: 0 10px 10px 10px; 

border: 1px solid #eeeeee; }
#search { background: #f4ecd9; margin: 5px 0; padding: 0 10px 10px 10px; 

border: 1px solid #eeeeee; }
#topnav { background: #f4ecd9; margin: 5px 0; padding: 0 10px 10px 10px; 

border: 1px solid #eeeeee; }

/* boites du menu des widgets livres avec Dotclear */
/* #search { }
#search form { }
#search input[type=text] { } /* ou #search #q */
/* #search input[type=submit] { } */ /* ou #search .submit */

/*#topnav { }
.topnav-arch { }
.topnav-home { }

.selected { }
.lang { }
.categories { }
.syndicate { }
.lastposts { }
.lastcomments { }
.text { }
.links { }

.tags { }
.tags ul { }
.tags li { }*/
/* a completer separement ou globalement pour le sidebar et la page 
spécifique des tags avec les differentes class des tags en fonction 
de leur frequence - voir 9/ classes communes */


#topnav {
	font-size : 1.33em;
	}
#topnav span {
	display : none;
}

/* Search form */
#sidebar #search {
	margin-bottom : 1.5em;
}
#q {
}

/* ------------------------------------------------------------
	9. FOOTER   background:#f1e4d3;    border-top : 1px solid#864525
------------------------------------------------------------- */

#footer {
	clear : both;
	background:#fff;
	font-size:0.0em;
	border-top : 1px solid #864525;
	margin : 0 0.8em 1em 0.8em;
	padding: 0 2em;
	text-align: left;
	/*line-height: 100%;*/
}


/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* class sur les liens rss (on peut y placer l'icone
feed.png a piocher dans le theme par defaut par ex.) */

.feed { 
	padding-left:12px;
	/*background : transparent 

url(http://greglepatryn.free.fr/rss.jpg) no-repeat left center;*/
	 }


/* tags dans le sidebar et dans la page les regroupant
(exemple ici pour un nuage) */
.dc-tags #content ul li, .dc-tags #content ul li a, 
.tags ul li, .tags ul li a {
	display : inline;
	width : auto;
	padding-left : 0;
	padding-right : 4px;
	background : transparent;
	line-height : 1.5em;
}
.tags ul li a:hover {
	background-image :none;
}
.dc-tags .tag0, .tags .tag0 { font-size: 85%; }
.dc-tags .tag10, .tags .tag10 { font-size: 90%; }
.dc-tags .tag20, .tags .tag20 { font-size: 95%; }
.dc-tags .tag30, .tags .tag30 { font-size: 100%; }
.dc-tags .tag40, .tags .tag40 { font-size: 105%; }
.dc-tags .tag50, .tags .tag50 { font-size: 110%; }
.dc-tags .tag60, .tags .tag60 { font-size: 115%; }
.dc-tags .tag70, .tags .tag70 { font-size: 120%; }
.dc-tags .tag80, .tags .tag80 { font-size: 125%; }
.dc-tags .tag90, .tags .tag90 { font-size: 130%; }
.dc-tags .tag100, .tags .tag100 { font-size: 135%; }

/* messages d'erreur */
.error {
	border : 1px solid #c44;
	background : #df0;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}
	
/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }


/* ------------------------------------------------------------
	11. PAGES SPECIFIQUES
	j'indique le marqueur du body, a completer pour cibler 
	plus precisement (cf l'exemple ci-dessus pour les tags)
------------------------------------------------------------- */

.dc-archive-month .day-date {
	text-align : left;
	margin : 1em 0 0 0;
}
.dc-archive-month .post-title {
	margin : .5em 0 0 0;
	}
.dc-tags #main {
	margin-right :-1em;
	}
.content-inner {
	padding : 3em;
	margin:0;
	}

.dc-home { }
.dc-post { }
.dc-categories { }
.dc-category { }
.dc-archive { }
.dc-archive-month { }
.dc-tags { }
.dc-tag { }
.dc-404 { }
.dc-search { }


/* ---------------------------------------------------
  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
/* les clearers */
.post, .post-content, .footnotes, .attachments, .post-info-co, #comments {
    clear:both;
    }
/* un peu de ménage */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
* html #wrapper
	{
	height: 1%;
	}
#wrapper
	{
	display: block;
/* */
	}