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

Adapté par François Leysour de Rohello pour http://blog.monunivers.com
*/


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

/* responsive web design */
@media ( max-width: 600px ) { 
#sidebar {display:none;  }
#prelude {display:none;  }
#content { margin:10px 0 0 0 }
}

.resp { max-width:100%;height:auto }

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

body { 
        background:#DCDCDC;
        margin : 0 10px;
        padding:0;
        font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
        font-size : 0.90em;
	color : black;
}

h1 { font-size : 1.5em; margin : 0.67em 0; }
h2 { font-size : 1.5em; margin : 0.83em 0; font-weight:normal;}
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; }

p { margin : 1em 0; }

img { border : none; }

sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { display : block; margin : 0; padding : 0; }
fieldset { 
   margin : 0;
   padding : 0;
}
input { }
label { }

a { 
text-decoration:none
}
a:link { }
a:visited { }
a:hover { text-decoration:underline }
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { 
margin:0;
z-index:100;
}

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

#top { 
	height: 176px;
	padding: 0 0 0 0;
	border: 1px solid black;
	background: #F0FFFF url(breizh.jpg) left;
	-moz-border-radius: 4px;
}
#top h1 { 
       font-size : 1.8em;
       margin : 12px 0 2px 10px;
       /*float:left;*/
       height:initial;
}
#top h1 a { 
        color : #39455B;
	text-decoration : none;
}

#top h1 a:hover {
	background-color:#9cf79c
}

#prelude { 
    position : relative;
	top: -175px;
	margin : 0;
	padding : 0 15px 0 0;
	font-size : 1em;
        float:right;
	color : black;
}
#prelude a {
    color : black;
}
#prelude a:hover, #prelude a:focus {
    color : black;
    text-decoration:underline;
}


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

#wrapper { 
margin:0; 
padding:0;
}
#main { 
padding:0;
margin:0
}
#content { 
     padding : 0;
}

#content-info { 
  margin:0 0 8px 0;
  padding:0 0 3px 10px;
  background-color:#F8F8FF;
  border : 1px solid #999;
  -moz-border-radius: 4px;
}

#content-info h2 { 
margin:3px 0 3px 0;
}
/*#content-info p { float:left}*/

.content-inner { 
  margin:10px 0 10px 0;
  padding:0 0 0 10px;
  background-color:#F8F8FF;
  border : 1px solid #999;
  -moz-border-radius: 4px;
}

.pagination { }
#navlinks { }


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

.post { 
	margin-bottom : 8px;
	padding : 0 5px 3px 0px;
	border : 1px solid #999;
	text-align : justify;
	-moz-border-radius: 4px;
	background-color:#F8F8FF; /*#F5F5F5;*/
}
.post.first { 
        margin-top:0;
	padding : 0 5px 3px 0px;
}
.post.odd { 
	padding : 0 5px 3px 0px;
}

.day-date { display:none; }

.post-title { 
        color:black;
	margin : 0;
	padding : 4px 10px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
	background-color: #B0E0E6;
        float:left;
	-moz-border-radius: 4px;
}

.post-info { 
	font-size : 1em;
	color : #666;
	margin : 2px 0 0 0;
	text-align : right;
	padding-right : 10px;
}

.post-tags {  
    margin-top:25px
}
.post-tags li { 
display : inline
}

.post-tags li a:link, .post-tags li a:visited {
   display: block;
   float: left;
   text-decoration: none;
   background: transparent url(tag.png) no-repeat 0 0;
   padding-left: 16px;
   padding-right: 16px;
   white-space: nowrap;
}


.post-excerpt { }

.post-content { 
	padding : 5px 10px 0px 10px;
}

.post-content ul { overflow:hidden }
.post-content ol { overflow:hidden }
 
.read-it { }

.footnotes { }
.footnotes h4 { }

.post-info-co { 
	font-size : 0.85em;
	clear : both;
	color : #666;
	padding-right : 10px;
	text-align : right;
}
.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 { 
background-color:#F8F8FF;
padding:8px;
border : 1px solid #999;
}

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

#comments dl { 
}

#comments dt { 
margin:15px 0 8px 0;
}
#comments dd {
padding:8px;
background-color:#F8F8FF;
	border : 1px solid #999;
	-moz-border-radius: 4px;
}
#comments .first { }
#comments .odd { }
#comments dd.me { background-color : #F0FFFF }
#comments dt.me { font-weight:bold }

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

#pr dl { }
#pr dd { }

#comment-form fieldset { margin : 10px 0; padding : 0 10px}
.field { }
.field label { 
float:left;
display:block;
width:180px;
}
.field input { }
.field textarea { }

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

.form-help { }

#ping-url { }
#comments-feed { }


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

#sidebar { 
   margin : 0;
   position:absolute;
   top: 195px;
}

#sidebar div div {
}

#blognav { 
margin:0 0 8px 0;
}

#blogextra { 
margin:0 0 8px 0;
}

#sidebar h2 { 
	padding : 1px 0 3px 5px;
	margin : 0 0 3px 0;
	font-weight : normal;
	font-family : verdana, "Times New Roman",serif;
	font-size : 1em;
	color : black;
	border: 1px solid #999999;
	background-color: #B0C4DE;
	-moz-border-radius: 4px;
}
#sidebar h3 { }
#sidebar ul {
	padding : 0;
	margin : 0;
}

#sidebar li {
	display : block;
	margin-top : 0;
	padding-left : 0;
}

#sidebar a {
	color:black;
	text-decoration : none;
	display:block;
	padding:1px;
	padding-left:5px;
	border:1px solid #F5FFFA;
	font-size : 0.80em;
}
/*custom catagories*/
#sidebar .categories a {
	display:inline;
}
#sidebar .categories li {
  line-height : 17px;
}

#sidebar .categories li span {
	font-size : 0.80em;
}

#sidebar a:hover {
	background-color:#B0C4DE;
	color:black;
	padding-left:5px;
	border:1px solid black;
}

/* boites du menu des widgets livres avec Dotclear */
#search { 
background-color:#F5FFFA;
border: 1px solid #999999;
margin:0 0 15px 0;
padding:4px 8px 4px 8px;
-moz-border-radius: 4px;
}
#search p { 
border:0;
margin:0;
padding:0;
}
#search fieldset {
border:none;
}

#search input[type=text] {  width:130px; } /* ou #search #q */
#search input[type=submit] { } /* ou #search .submit */

#topnav { 
margin:8px 0 8px 0;
}

#topnav li {
display : inline;
}

#topnav a {
display : inline;
}

.topnav-arch {   }
.topnav-home {  }

.selected { 
background-color:#F5FFFA;
border: 1px solid #999999;
margin:0 0 8px 0;
padding:8px;
-moz-border-radius: 4px;

}
.lang { }

.categories { 
background-color:#F5FFFA;
border: 1px solid #999999;
margin:0 0 8px 0;
padding:8px;
-moz-border-radius: 4px;
}

.syndicate { 
background-color:#F5FFFA;
border: 1px solid #999999;
margin:0 0 8px 0;
padding:8px;
-moz-border-radius: 4px;
}

#sidebar .syndicate a { 
padding-left:16px; 
}

.lastposts { }
.lastcomments { }

.text {
}

#sidebar div div.text {
        margin:0;
        padding:0;
        position:absolute;
        left:0;
        top:-170px;
	background : transparent;
        border:none;
 }

.links { 
background-color:#F5FFFA;
border: 1px solid #999999;
margin:0 0 8px 0;
padding:8px;
-moz-border-radius: 4px;
}

#sidebar .tags { 
background-color:#F5FFFA;
border: 1px solid #999999;
margin:0 0 8px 0;
padding:8px;
-moz-border-radius: 4px;
}

#sidebar .simple-menu:first-child { 
background-color:#F5FFFA;
border: 1px solid #999999;
margin:0 0 8px 0;
padding:8px;
-moz-border-radius: 4px;
}

#sidebar .tags ul { }
#sidebar .tags ul li { 
display : inline;
}
#sidebar .tags ul li a { 
display : inline;
}


/* 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(rss.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 .day-date { display:inline; }
.dc-archive-month .post-title { float:none; }

.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;
    }

div.s { 
   clear:both; 
   line-height:0;
}

#prelude1 {
        position:relative;
        top:5px;
	background:transparent;
        border:none;
        line-height: 16px;
	margin : 0 0 0 12px;
	padding : 0;
	font-size : 1em;
	text-align : left;
	color : #39455B;
}
#prelude1 a {
	font-size : 0.95em;
        margin:0;
        padding:0;
        border:none;
        display:inline;
	color : blue;
	text-decoration:none;
}
#prelude1 a:hover, #prelude1 a:focus {
        margin:0;
        padding:0;
        border:none;
	color : blue;
	background-color:#9cf79c
}

#prelude1 a.rss {
  padding-right:16px;
  background : transparent url(rss.png) right no-repeat;
}
#prelude1 a.rss:hover {
	color : blue;
	background-color:#9cf79c
}

#prelude1 span {
	color : red;
}