/* 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);
@import url(menu.css);

/* ------------------------------------------------------------
Bloc de styles à supprimer, ne servent qu'aux premiers tests
------------------------------------------------------------- */
 
fieldset {
	border : none;
}


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

#calendar td { width: 20px ; border:1px solid #efefef;text-align: center }
#calendar td.active {border-color:#c00;}
#calendar a { 
  display: block ;
  font-weight: bold; 
  
  width: 100%;height: 100%;
}
#calendar a:focus, #calendar a:hover, #calendar a:active { 
  background: #ff9;text-decoration: none ;
} 
/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */



body {
	background:  #990033 url(images/fond.jpg) repeat top left; 
	font-family: verdana, helvetica, geneva, sans-serif; 
	font-size: 10px; 	font-color: black;
} 
h1{font-size: 1.5em;}
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 {font-size: 1.1em;}
h6{font-size: 1em;}
 

p { margin: 8px 0}
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }


fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input ,textarea{
/*	border: 1px solid #999;*/
}

input.submit, input.preview {
	border-style : outset;
	background-color : #d2e0e6 ;
	font-size: 1em;
}
input[type=checkbox] { border:none; }
 
input.submit:hover, input.submit:focus,input.preview:hover, input.preview:focus {
	background-color : #fc3 ;
}

input.submit:active, input.preview:active {
	border-style : inset;
}

a {	
	color:#cc0033; 
	text-decoration : none;
}
a:link { color:#cc0033;}
a:visited { color:#cc0033; }
a:hover { text-decoration: underline; }
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { 
	background-color: #ffffde;
	padding: 5px ;
	border: 1px solid orange;
}
pre {
	overflow: scroll ;
	width: 96%;
	margin: 2px 0 ;
}
html>body pre {
	overflow: auto;
	width: auto;
}

hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { 
	position: relative; width: 747px;
	margin-left: auto ; margin-right: auto; 
	/*margin-top: 20px ; */
	background-color: none; 
	background-image: none; 
}

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

#top { 
}
#top h1 { 
	display: block;	
	
	background: transparent url(images/bando_02.png) no-repeat top left; 
	width:747px; 
	height:135px; 
}
#top h1 a { 
	text-decoration: none; display: block; 
	width:747px; 
	padding-top: 5px; height:130px;
	text-align: center; 
	color: white; font-size: x-small;
}
#top p {
	position: absolute;
	top: 95px;
	right: 200px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
#top p a {
	 color: black ;
}
#prelude { 
	text-align: center; color: red; 
	padding-top: 4px; margin-bottom: 4px ;
}
#prelude a {  }
#prelude a:hover { color:red; }
 

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

#wrapper { 	background: white url(images/border-sep.gif) repeat-y top right ;
 }
#main { 
	clear: left; /* menu */ 
	background: white url(images/border-sep.gif) repeat-y top right ;

/* plutot que sur sidebar qui ne va pas jusqu'en bas */
	}
#content {
	/*border-right: 1px solid gray;*/
	
	background: white url(images/border-sep.gif) repeat-y top left ;
}

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

.content-inner { }

.pagination { }
#navlinks { }


/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */
 * html .visualIEFloatFix { height: 0.01%; }
a[hreflang]:before {content:"";}
a[hreflang]:after {content:"";}
a[hreflang=en]:after {content:url(images/flags/ext_en.png); vertical-align:middle; margin:0 0 0 3px;}
a[hreflang=us]:after {content:url(images/flags/ext_en.png); vertical-align:middle; margin:0 0 0 3px;}
a[hreflang=fr]:after {content:url(images/flags/ext_fr.png); vertical-align:middle; margin:0 0 0 3px;}
 
.post { 
	font-size: 1em;
	font-weight: normal; 
}
.post h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
	font-weight: bold;
	font-size: 1.8em;
	margin-top: 10px; margin-bottom: 0;}
.post h3 { color:#903;}
.post h4 { color:#903;}
.post h2 a { color:#903;}
.post h2  a:visited { color:#903; }
.post.first { }
.post.odd { }

.day-date { }
.post-title { 
	color:#903; 
	background: url(images/separateur_post.gif) no-repeat bottom left;
	padding-left: 40px;
	line-height: 30px; 
	margin-top: 15px; 
	
}
.post-info {
	text-align: right; 
	margin-top: 0 ;
	margin-bottom: 5px; 
}
.post-info a { color: #903; font-size: 1.1em} 
.post-tags { }
.post-excerpt, .post-chapo { text-align: justify; 
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 1.1em;}

.post-content {
	text-align: justify; 
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 1.1em;
}
.list .post-content { 
/*	background: #f6f6f6; */
	padding: 5px 10px;
}
.post-content a ,  .post-chapo a {
	color: #0032AF;
}
 .post-content a:hover ,  .post-chapo a:hover {
	color: #1984df;
}
.post-content blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	font-size:1.1em;
}
.stabilo { background-color: yellow}
.post-info-co {
	text-align: right;
}
.post-info-co a { color: black;}
.read-it, .next { text-align: right; color: #990066}
.footnotes { }
.footnotes h4 { }

.mytags { 
	line-height: 16px;
/*	background: white url(images/rss_tag.png) no-repeat top right;
	padding-right: 18px ;
	text-align:right;
*/	/*background: white url(images/rss_tag.png) no-repeat top left;*/
	background: white url(images/tag.png) no-repeat top left;
	padding-left: 18px ;
	text-align:left;
}

.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
------------------------------------------------------------- */
div.bubble {
	width: auto;
	font-size: 1em;
	margin-bottom: 14px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #3670b2;
	background-color: #e8f0f8;
	-moz-border-radius: 8px;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	
	margin: 0px;
	padding: 1px 0px 0px 35px;
	
	background: transparent url(../bubblecomments/bdtipBLblue.png) no-repeat 10px 0;
	font-style: normal;
}
div.bubble cite strong {color: #3670b2 ;}

#comments { font-weight: normal;}
#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 {	font-size: 1em; font-weight: normal; }
#blognav { }
#blogextra { }

#sidebar h2 { margin-bottom: 5px ; font-size: 1.4em; }
#sidebar h3 { font-size:0.96em; padding-left: 10px; margin-bottom: 0px ;  margin-top:4px }
#sidebar ul { 
	list-style-type: none ;
	padding-left: 10px; margin: 0;
	margin-top: 0px;margin-bottom: 0px ; 
	
}
#sidebar li { padding: 0; }
#sidebar li a { font-size: 1.1em; color: #cc0033  }
#sidebar div#syndicate ul {	padding-left: 0; }
#sidebar div#syndicate ul li {
	background: url(images/feed-icon-12x12.png) no-repeat top left; 
	padding-left: 14px;

	line-height: 12px;
	margin-bottom: 5px;
}

/* boites du menu des widgets livres avec Dotclear */
#search { }
#search form { }
#search input[type=text] { margin-left: 10px;
	padding-left: 2px;
	width:70%; font-size: 1em ; 
} /* ou #search #q */
/*#search input[type=submit] {font-size: 1em; border: 1px solid black} /* ou #search .submit */
#search input[type=submit]:hover { background-color: orange} 
*/
#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 { background: transparent url(images/footer.gif) top left no-repeat; }
#footer p { }
#footer a { color: #999;}

a#lien_cache {
	float: right; 
	margin-right: 60px;
	color: white; 
	border-color: #B1B9BC;
}

a#lien_cache:hover {
	color: #B18B89;
	border-color: #B18B89;
}
/* ------------------------------------------------------------
	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;
}
#tag_cloud ul {
  border: 1px solid #903; 
  margin-top: 10px;
  padding: 5px;
  text-align: justify;
  font-size: 1em;
}
#tag_cloud ul li {
	display: inline;
	font-size: 1.2em;
}
#tag_cloud ul li a:hover {
	text-decoration: underline
}
#tag_cloud li.level-1 a { font-size: 0.8em;}
#tag_cloud li.level-2 a { font-size: 1em;}
#tag_cloud li.level-3 a { font-size: 1.2em;}
#tag_cloud li.level-4 a { font-size: 1.4em;}
#tag_cloud li.level-5 a { font-size: 1.6em;}


/* 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 : #fcc;
	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;
    }