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




#top .imgleft {
  position: absolute;
  z-index: 0;

  top: 0;
  left: 0;
}

#top .imgright {
  position: absolute;
  z-index: 1;

  top: 0;
  right: 0;

}

#top .imgballoons {
  position: absolute;
  z-index: 2;

  top: 70px;
  right: 400px;
}



a {	
	color:#29E3FF;
	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
------------------------------------------------------------------ */
/*@import url(nom_du_fichier.css);*/


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

body { 
  height: 100%;

  margin: 0;
  padding: 0;
  text-align: center;

  font: 400 0.8em verdana, arial, sans-serif;
  line-height: 170%;

  background: #666 url('images/bg/header.jpg') repeat-x top left;
  color: #EEE;
}
 
h1 {
  clear: both;
  font: 700 2.5em "trebuchet ms", serif;
  color: #FFF; }

h1 a {
  color: #FFF;
}

h1 a:hover {
  color: #29E3FF;
}

h2 {
  font: 400 1.5em "trebuchet ms", serif;
  color: #9FF3FF;
 }



h3 {   font: 400 1.3em "trebuchet ms", serif;
  color: #F8D766;
}
h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #F39F01;
 }
h5 { 
  font: 700 1.1em "trebuchet ms", serif;
  color: #F17400;
}
h6 { 
  font: 700 1em "trebuchet ms", serif;
  color: #FF4B33;
}

h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 5px 10px;
}

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

blockquote, q { }
blockquote {
  margin: 10px 15px;
  padding-left: 27px;
  
  background-color: #444;  
  background-image: url('images/icons/quote.gif');
  background-repeat: no-repeat;
  background-position: 5px 50%;  
 }
cite { }

ul { }
ol {   color: #FC0;}

b {
  color: #FFF;
}

ol, ul {
  margin: 10px 10px;
  padding: 0 0;
}

ol span {
  color: #EEE;
}

dl { }

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

a { }
a:link { }
a:visited { }
a:hover { }
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { }

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

#header { }
#header h1 { }
#header #title h2 a {color: #FFF; text-decoration: none;}
#prelude { }
#prelude a { }




/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu { 
  float: left;
  width: 100%;
  clear: both;  
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;

  font: 400 1.6em "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #FFF;
}

#mainMenu li a:hover,
#mainMenu li a.here {
  color: #65EBFF;
  border-top: 5px solid #000;
}

#mainMenu li a.last {
  margin-right: 0;
}


/*********************************/


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

#wrapper { }
#main {  

float: right;
  width: 100%;
  clear: both;
  
  padding-bottom: 4em; }

#page {

}


#content { }

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

.content-inner { }

.pagination { }
#navlinks { }


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

.post {   margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left; }
.post.first { }
.post.odd { }

.day-date { }
.post-title {font: 700 2em "trebuchet ms", serif;}
.post-title a {color: #FFF;}
.post-info {float: right;}
.post-info a {color: #FFF;}
.post-tags {}
.post-tags ul { }
.post-tags li{display: inline; list-style-type: none;}
.post-tags a {color: #FFF;}
.post-excerpt { }
.post-content { }

.post ul{ }

.post-content li{
	list-style-image: url('images/bg/bullet.gif');
	margin-left: 30px;
}

.read-it { }

.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 { }
#blognav { }
#blogextra { }

#sidebar h2 {color: #FFF; }
#sidebar h3 { }
#sidebar ul { }
#sidebar li {
	list-style-image: url('images/bg/bullet.gif');
	margin-left: 30px;	
 }
#sidebar a {color: #FFF; text-decoration: none;}
#sidebar a:hover{text-decoration: underline;}

/* boites du menu des widgets livres avec Dotclear */
#search { margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left;}
#search form { }
#search input[type=text] { } /* ou #search #q */
#search input[type=submit] { } /* ou #search .submit */

#twitter {margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left;}

#topnav {margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left; }
.topnav-arch { }
.topnav-home { }

.selected { }
.lang { }
.categories { margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left;}
.syndicate { margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left;}
.lastposts {margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left; }
.lastcomments { margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left;}
.text {margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left; }
.links { margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x bottom left;}

.tags, .tags a {margin-bottom: 2em;
  background: #555 url(images/bg/gradient.jpg) repeat-x top left; }
.tags ul {text-align: justify; margin-left: 0; }
.tags li {margin-left: 0;}
/* 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 {   
  float: left;
  width: 100%;
  clear: both;
  
  margin-top: -3.8em;
  background: #000 url('images/bg/footer.jpg') repeat-x top left;}
#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;
    }

/**************************************************************
   Form Elements
 **************************************************************/

label {
  display: block;
}

input,
textarea,
select {
  padding: 2px;
  font: 400 1em verdana, sans-serif;
  color: #444;
  background: #EEE;
  border: 1px solid #444;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E4F7FA;
  border: 1px solid #00DFFF;
}

input.button {
  padding: 2px 5px;

  font: 400 1.1em "trebuchet ms", serif;

  color: #555;
  background: #9FF3FF;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF #00DFFF #00DFFF #FFF;
}