/* 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 : #acbabf;
 	font-size : 100%;
 	font-family : "Avenir Light",  sans-serif;
 	}*/ 
/*#page {
	background : #fff;
	}*/
#top {
	text-align : center;
	border-bottom : 4px solid #ccc;
	}
a {	
	color:#A71602; 
	text-decoration : none;
	}
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 { 
	font-size : 110%;
	font-weight : normal;
	margin : 0;
	padding : 0;
	text-align : center; /* indispensable pour qu'Internet Explorer centre la page dans la fenetre */
	background : rgb(38,44,49);
	color: rgb(100,115,128);
	font-family:"Avenir Light", sans-serif;
}
 
h1 {font-size : 2em; }
h2 { font-size : 1.33em; margin : 0; }
h3 { font-size : 1.25em; margin : 1.5em 0 0 0; }
h4 { font-size : 1em; margin : 1.5em 0 0 0; }
h5 { font-size : 0.83em; margin : 1.5em 0 0 0; }
h6 { font-size : 0.67em; margin : 1.5em 0 0 0; }

p { margin : 1em 0 0 0; }

img { border : none; }

sup { }
abbr, acronym { }

blockquote, q, cite { 
	font-style : italic; 
	background : transparent; 
	}
/*blockquote, q { }
blockquote { }
cite { }*/

ul { }
ol { }
dl { }

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

a {
	text-decoration : none;
	}
a:link {
	color: rgb(67,77,150); 
	}
a:visited {
	color: rgb(150,141,58); 
	}
a:hover, a:focus {
	color: rgb(67,77,150); 
	background: rgb(232,225,174);
	}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #666;
	background : transparent;
	}
	
/*a { }
a:link { }
a:visited { }
a:hover { }
a:focus { }
a[hreflang]:after { }
a img { }*/
 
code, pre { 
    font-family : "Courier",monospace; 
    font-size : 1.1em;
    color : rgb(100,115,128);
    }

pre {
	background : #f5f5f5;
	border : 1px solid rgb(38,44,49);
	margin : 1em 2em;
	padding : 0.5em 1em;
	text-align:left;
	white-space:normal;
		/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		//white-space:pre;
		width: 90%;
		//overflow : auto;
		/* Fin hack Ne pas supprimer cette ligne */
}
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page {	
	width : 90%;
	margin : 0 auto 20px auto;
	padding : 0;
	background : #fff;
	text-align : left;
}

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

#top {
	margin : 0;
	padding : 0;
	text-align : center;
	border-bottom : 4px solid rgb(0,0,127);
	}
#top h1 {
	margin : 0;
	height : 80px;
	font-size: 1px;
	}
#top h1 a {
	display : block;
	height : 80px;
	padding : 0px 0 0 0;
	background : rgb(38,44,49) url(images/pi_site2_100pix.png) no-repeat bottom left;
	color: rgb(38,44,49);
	}

/*#top h1 a:hover {
	background : #000 url(images/proteos_banner.jpg) no-repeat bottom;
	}*/
#prelude {
	color: rgb(127,127,127);
	text-align:left;
	background : transparent;
	margin : 0;
	padding : 0 0 0 3em;
	}
	
#prelude a {
	color: rgb(127,127,127);
	}


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

#wrapper { 
	width: 100%;
}
#main {
	width : 100%;
	margin : 0 -220px 0 0;
	padding : 0;
	float : left;
	background : transparent;
	}
	
#content {
	padding : 1px 20px 1em 40px;
	margin : 5px 240px 0 0; /* 240px a gauche : cette valeur + margin et padding lateraux 
    ne doivent pas exceder la marge negative appliquee a #main */
	}

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

.content-inner { }

.pagination { }

#sidebar {
	margin-top: -20px;
	margin-bottom:10px;
	float : right;
	width: 220px;
}


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

.post {
	background : transparent no-repeat;
	margin-bottom : 3em;
	}
.day-date {
	display:none;
	}
.post-title {
	text-transform : normal;
	font-weight : normal;
	padding-left : 0px;
	border-bottom: 1px solid rgb(80,92,102);
	color: rgb(67,77,150);
	}
.post h3, .post h4, .post h5, .post h6 {
	font-weight : normal;
	color : rgb(133,153,171);
	margin-top : 1.0em;
	margin-bottom: 0.5em;
	text-transform : uppercase;
	text-align : left;
	}
.post table{
	margin:0 auto;
	border-collapse:collapse;
	empty-cells:show;
}

.post th
{
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	padding-right:2px;
	padding-left:2px;
	border:solid 1px;
}

.post td
{
	text-align:center;
	padding-right:2px;
	padding-left:2px;;
	border:solid 1px;
}
.post-info {
	margin : 0.25em 0;
	color : rgb(150,172,192);
	padding-left : 0px;
	text-align: right;
	}
.post-excerpt {
	margin : 1em 0;
	text-align : justify;
	}
.post-content {
	text-align : justify;
	margin-top : 0.5em;
	}

.legend, .post figure
{
	text-align: center;
	margin-bottom: 0.75em;
	font-style:italic;
}

.post-content p, .post-excerpt p {
	margin-top : 1em;
	line-height : 140%;
	}

.post-content li {
	line-height : 140%;
	margin-bottom : 0.5em;
}

.post-info-co {
	margin-bottom:2em;
	margin-top:0.5em;
	}
.post blockquote {
	margin:1em;
	padding:0;
	background : rgb(247,247,255);
	font-style: italic;
	}
.post img {
	padding : 2em 0;
	}
.footnotes {
	font-size:0.9em;
	}
.footnotes, .footnotes p {
	margin-top : 1em; text-indent : 0;
	}

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

.post-tags { 
	font-size: 0.75em
	}
	
ul.post-tags {
	list-style:none;
	text-align: right;
	}

ul.post-tags li{
	display : inline;
	}
	
.post-tags a{
	color: rgb(155,0,30);
	}

.zero_social {
	width : auto;
	height: 20px;
	float: left;
	}
	
.zero_social ul{
	list-style : none;
	text-align : left;
	margin : 0px;
	padding : 0px;
	height : 100%;
}	

.zero_social li{
	display : inline;
	padding-right : 10px;
	vertical-align: top;
}

.read-it { }

.footnotes h4 { }

.comment_count { }
.pings_count { }
.attach_count { }

#attachments { }
#attachments h3 { 
	font-weight : normal;
	color: rgb(67,77,150);
	margin-top : 2em;
	text-transform : uppercase;
	text-align : left;
	}
#attachments ul { }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }



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

.comment-info {
    margin : 1.5em 0 0.5em 0;
    }
#comments blockquote, #trackbacks blockquote {
    margin : 0.5em 2em;
    }

#trackbacks, #comments, #comment-preview {
	}
#trackbacks {
	border-top : 1px dotted rgb(120,138,204);
	background : transparent;
	}
#comments h3, #trackbacks h3, #pings h3, #pr h3, #comment-form h3 {
	margin-top : 2em;
	margin-bottom : 1em;
	font-weight : normal;
	color: rgb(67,77,150);
	margin-top : 2em;
	text-align : left;
	}
	
#pings { }
#pr { }
#comment-form { }

#comments dl { }
#comments dt { 
	color : rgb(150,172,192);
	padding-bottom:5px;
	}
#comments dd {	
	margin-top:-15px;
	margin-left:30px;
	text-indent:0px;
	margin-bottom:7px;
	}
#comments .first { }
#comments .odd { }
#comments .me {
	background:rgb(255,235,205);
}

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

#pr dl { }
#pr dd { }

#comment-form fieldset { }
.field {
	
}
.field label {
	margin-right:3px;
	width:160px;
	float:left;
	text-align:right;
}
.field label[for="c_content"] {
	margin-top : 30px;
	margin-bottom : 0px;
}
.field input { }
.field textarea {
	width:70%;
	text-align:justify;
	border: 1px solid;
}

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

.form-help { }

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


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

#sidebar h2 {
	margin-top : 0.5em;
	margin-bottom : 0.25em;
	font-weight : normal;
	color : rgb(133,153,171);
	text-align : left;
	}
#sidebar h3 {
	margin-top : 0.5em;
	margin-bottom : 0.25em;
	font-weight : normal;
	color : rgb(133,153,171);
	text-align : left;
	}
#sidebar ul {
	list-style:none;
	margin : 0 0 1em 0.66em;
	padding:0;
	}
#sidebar li {
	margin :0;
	padding : 0;
	}
/* boites du menu des widgets livres avec Dotclear */
#search {
	
	}
#search h2 {
	margin-bottom: 0 ;
	}
#search form { 
	margin-top:0px;
	margin-bottom:5px;
	}
#search input[type=text] { width:60%; } /* 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?ifique des tags avec les differentes class des tags en fonction 
de leur frequence - voir 9/ classes communes */


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

#footer { 
	text-align: center;
	}
#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;
	color: rgb(155,0,30);
}
.tags ul li a:hover {
	background-image :none;
}
.dc-tags .tag0, .tags .tag0 { font-size: 50%; }
.dc-tags .tag10, .tags .tag10 { font-size: 55%; }
.dc-tags .tag20, .tags .tag20 { font-size: 60%; }
.dc-tags .tag30, .tags .tag30 { font-size: 65%; }
.dc-tags .tag40, .tags .tag40 { font-size: 70%; }
.dc-tags .tag50, .tags .tag50 { font-size: 75%; }
.dc-tags .tag60, .tags .tag60 { font-size: 80%; }
.dc-tags .tag70, .tags .tag70 { font-size: 85%; }
.dc-tags .tag80, .tags .tag80 { font-size: 90%; }
.dc-tags .tag90, .tags .tag90 { font-size: 95%; }
.dc-tags .tag100, .tags .tag100 { font-size: 100%; }

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