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

*/


/* ------------------------------------------------------------
Bloc de styles à supprimer, ne servent qu'aux premiers tests
------------------------------------------------------------- */
 
@import url(layout.css);

body {background : #fff;
 
 	font-size : 86%;
font-family: 'Ropa Sans', sans-serif;
 	} 
#page {
	background : #fff ;


	}
	iframe {font-size: 86%; font-family: 'Ropa Sans', sans serif;}
	
#top {

	
	border:none;

width:100%;
	}
	#top img{
display:block; margin:0 0 0 70px;
	border:none;}
	
a {	
	
	text-decoration : none;
	}
#sidebar h2 {
	color : #666;
	font-size:1.2em;
	}
#sidebar h3 {
	color : #666;
	font-size:1em;
	}
fieldset {
	border : none;
	}
.post h3, .post h4 {
	clear : both;
	}

/* ---------------- fin du bloc à supprimer ---------------------- */



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



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

body { }
 
h1 {font-weight:normal }
h2 {font-weight:normal }
h3 {font-weight:normal }
h4 { font-weight:normal}
h5 {line-height:1.2em;}
h6 { font-size: 0.8em; font-weight:normal}

p { }
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

a { }
a:link { color:#74848f;}
a:visited { color:#535353}
a:hover { }
a:focus { }
a[hreflang]:after { }
a img{border:none}
 
code, pre { }
pre { }
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { }

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

#top {border:none;  }
#top h1 { }
#top h1 a { }
#prelude { }
#prelude a { }


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

#wrapper {}
.main-image { float:left; margin:12px 0px 50px 70px; max-width:1190px; min-width:700px;}


.main-image img { float:left; display: block; margin: 0 0 50px 0;}
#content {max-width:1190px; margin: 0 500px 0 70px; padding:0 0 30px 0; border-bottom:solid 1px black;}
#image-home{text-align:right;}
#content-info { margin:0 0 30px 0;  Font-variant:Small-caps;}
#content-info img{padding: 0 0 20px 0;}
#content-info h2 { font-size: 2em; text-transform:uppercase; letter-spacing:0.2em;background: url(img/barre.png) repeat right;}
.p8 #post #content-info h2 { font-size: 2em; text-transform:uppercase; letter-spacing:0.2em;background: url(img/barre.png) repeat right;}
#content-info p { }

.content-inner { }

.pagination { }
#navlinks { }
.preview-affiches img{padding:0 10px 10px 0}

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

.post { }
.post.first { }
.post.odd { }
.post-home{margin:50px 310px 0 0;  min-width: 700px; clear:left;}
.day-date {color:#4a6d64; padding: 30px 0px 0px 0px; display:none;}
.day-date-home {color:#000;font-size:0.8em; letter-spacing: 0.1em; padding-top:2em;}
.post-title a { color:#4d4d4c; font-variant:small-caps; font-size:1.1em; letter-spacing:0.2em; padding:0px 0px 0px 0px;}

.post-title { padding:100px 0px 0px 0px; }
.post-title-home { padding:10px 0px 0px 0px; font-variant:small-caps; font-size:1.1em; font-weight:normal}
.post-info {font-size:0.8em; font-style:italic;}
.post-info a {color:#555;}
.post-tags { }
.post-excerpt { padding:0px 0px 0px 0px;line-height: 1.2em;}
.post-excerpt a{ color:#555555;}
.post-excerpt img {  border:1px solid black; display:none}
.post-content { line-height: 2em;  padding:0 0 10px 0;  }
.post-content img {  border:1px solid black;}
.post-content-page { line-height: 2em;  max-width:850px; text-align:justify; }
.post-content-page a{ color:#415e5c}
.post-content-page a:visited { color:#5f8685}
.read-it  { padding:0px 0 100px 0; }
.read-it a{ color:#80a0cf;}
.footnotes { }
.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 { }
#pings { }
#pr { }
#comment-form { }

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

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

#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 {float:right;}
#blognav { }
#blogextra { }

#sidebar h2 { }
#sidebar h3 { }
#sidebar ul {  list-style:none;}
#sidebar ul ul {  display:none;}
/*#sidebar li {background-color:#87ba9e;padding: 0px 10px 0px 3em; margin:0px 100px 40px 0; border:none ;letter-spacing:0.5em; font-size:2em; }*/
#sidebar li{background: url(img/barre.png) repeat right;padding: 0px 10px 0px 3em; margin:0px 50px 40px 0; border:none ;letter-spacing:0.3em; font-size:2em;text-transform:uppercase;}
#sidebar li a{color:#000000;}
#sidebar li a:hover{ padding: 0px 0px 0 0px;color:#888888; margin-left:-40px;}
#sidebar li a:active{ padding: 0 0px 0 0px;color:#74848f;margin-left:-40px;}

#sidebar li.category-current a {
padding: 0 0px 0 0px;color:#74848f;margin-left:-40px; }

#sidebar li.page-current a {
padding: 0 0px 0 0px;color:#74848f;margin-left:-40px; }



/* boites du menu des widgets livres avec Dotclear */
#search {margin:0px 0px 0px 28px; }
#search form {}
#search input[type=text] {color: #74848f; width: 180px;/* 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 { font-size:0.9em; font-style:italic; padding:  50px  0 0 70px;}
#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:0px;
	
	 }


/* 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;
    }
.pagin {
font-family: "Times New Roman", Times, serif;
padding:50px 0 0 0;
color:black;
font-size:1.5em;
clear:left;
}



.pagin a{
font-size:0.8em;
color:#555;
}