/* Feuille de style vierge comportant les principales balises d'un 
blog realise avec dotclear - Etablie par Kozlika pour la dcTeam
le 7 janvier 2007. 

Licence : domaine public 

*/

/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
------------------------------------------------------------------ */
@import url(layout.css);


/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body {
  background : #acbabf;
 	font-size : 76%;
 	font-family : "lucida grande", "gill sans", arial, sans-serif;
}
 
h1 { font-size : 2em; margin : 0.67em 0; }
h2 { font-size : 1.5em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin : 1em 0; }
h2, h3 { font-family : Georgia,"New Century Schoolbook",Times,serif; }
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; }

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

blockquote, q { }
blockquote { }
cite { }

ul { position : relative;}
ol { }
dl { }

form {display : block; margin : 0; padding : 0; }
fieldset {
  border : none;
}

input {
  font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
  font-size : 1em;
  border-width : 1px;
  border-color : #ccc; 
}

label { }

a { 
  color : #c7282c; 
  text-decoration:none;
  font-weight : bold;
}

a:link {
  color : #c7282c; 
  text-decoration:none;
  font-weight : bold;
}

a:visited {
  color : #c7282c;
  text-decoration:none; 
}

a:hover {
  text-decoration : none;
  color : #999;
}

a:focus {
  text-decoration:underline;
}

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

a img { }
 
code, pre {
  font-family : "Courier New",monospace; 
  font-size : 1em; 
  background : #f7f7f7;
}

pre {
  margin : 0 auto; 
  margin-bottom : 1em; 
  padding : 0.5em; 
  text-align:left;
  white-space:normal;
  white-space:pre;
  width: 90%; 
  overflow : auto; 
}
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { 
  background : #fff;
  /**margin: 10px 10px;**/
  text-align:left;
}

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */

#top {
  text-align : center;
	border-bottom : 4px solid #ccc;
	
	padding:0;
  background-image : url(/blog/images/design/design2010/papier4.jpg);
  border:1px solid #ffffff;
}

#top h1 { 
	padding : 0px 1px 0 1px;
  height:279px;
}

#top h1 a {
	color : #660066;
	text-decoration : none;
	display:block;
	height:279px;
}

#prelude { }
#prelude a { }


/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */

#wrapper { }
#main { }
#content {
  float : right;
	width :100%; 
}

#content-info { }
#content-info h2 { }
#content-info p { }

.content-inner { }

.pagination { }
#navlinks { }


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

.post {
  margin-top:1m;
	margin-bottom:4em; 
}

.post.first { }
.post.odd { }

.day-date {
  font-family : Georgia,"New Century Schoolbook",Times,serif; 
  font-size : 1em;
  text-align : right;
  color : #999;
  padding:2px 0;
  margin-top:0;
}

.post-title {
  font-family : "Trebuchet MS","Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-weight:bold;
	font-size:1.33em;
	margin:1em 0 0 0;
	color:#c7282c;
}

.post-info {
  /**font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
  font-size:0.86em;
  color:#c7282c;**/
  display: none;
}

.post-tags { display: none;}
.post-excerpt { }
.post-content { }

.read-it { }

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

.footnotes h4 { }

.post-info-co { }
.comment_count { }
.pings_count { }
.attach_count { }

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

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

#comments { 
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size:0.86em;
	margin : 0;
	margin-top:2em;
  border-top:4px dotted #33cbcc;
  border-bottom:1px dashed #999;
}

#pings { }
#pr { }
#comment-form { }

#comments h3 {
  font-family : "Trebuchet MS", "Bitstream Vera Sans", "lucida grande",verdana, lucida, arial, helvetica, sans-serif;
  text-transform : uppercase;
  font-size : 1em; 
}

#pings h3 { }
#pr h3 { }
#comment-form h3 { }

#comments dl {}
#comments dt {}
#comments dd {}
#comments .first {}
#comments .odd {}
#comments .me {}
#comments dd.me {
  background-color : #33cbcc;
}


#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me {}

#pr dl { }
#pr dd { }

#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 { }


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

#sidebar { }
#blognav { }
#blogextra { }

#sidebar h2 { 
	color : #33cbcc;
	font-size:1.2em;
}

#sidebar h3 { 
	color : #666;
	font-size:0.8em;
  text-align:right;
}

#sidebar ul { }
#sidebar li { }

/* 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 */


/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

#footer { }
#footer p { }


/* ------------------------------------------------------------
	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:16px;
	background : transparent url(images/feed.png) 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-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
--------------------------------------------------- */
.post, .post-content, .footnotes, .attachments, 
.post-info-co, #comments, #footer {
    clear:both;
    }