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

*/


/* ---------------- 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(layout.css);


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

body { background-color: #333366; color: black; text-align: left; font-size: 14px; font-family: Arial, sans-serif; }
 
h1 { word-spacing: -1px; margin: 0px; padding: 0px; font-weight: bold; font-size: 13px; }
h2 { font-weight: bold; font-size: 130%; padding: 0; margin-top: 10px; margin-bottom: 5px;}
h3 {font-size: 120%; font-weight: bold;}
h4 {font-weight: bold; font-size: 100%; margin-bottom: 1px; margin-top: 10px;}
h5 {font-weight: bold; font-size: 100%; margin-bottom: 1px; margin-top: 10px;}
h6 {font-weight: bold; font-style: italic; font-size: 100%; margin-bottom: 1px; margin-top: 10px;}

p { margin: 0 0 10px 0; padding: 0;}
img { border-width: 0px; border-style: none; }
img a {outline: none; }
img a:active {outline: none; }
sup { }
abbr, acronym { }

blockquote, q, cite {text-align: justify; font-style: italic !important; padding-left: 50px; padding-right: 50px; text-decoration: none;
 quotes: "«" "«";}


ul { list-style-type: square; }
ol { }
dl { }
li {padding:0; margin: 0;}

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

a {outline: none;  }
a:link { outline: none; }
a:visited {outline: none;  }
a:hover { color: white; }
a:focus { color: #333366; }
a:active {outline: none; color: #333366; background: none;}
a[hreflang]:after { color: #ff6666; }
a img { }

object{z-index: 10 !important;}


code, pre { }
pre { }
 
hr { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 6px; padding: 0px; border-width: 0px; border-style: none; height: 2px; background-color: black; color: black; }
 
table {margin: 0; padding: 0;}                                                               
tr {margin: 0; padding: 0;}                                                                  
td {margin: 0; padding: 0;}                                                               
	       
audio
{
  width: 575px;

}     	       
                                                                
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { margin-bottom: 10px; padding-bottom: 1px; }

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

#top {}
#top h1 { }
#top h1 a { }
#toptitle { color: black; font-weight: bold; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; background-color: #669966; }
 
                                                               
	       
                                                                
 
#toptitle a { color: #FF9933; font-weight: bold; text-decoration: underline; }
 
                                                               
	       
                                                                
 
#toptitle a:hover { color: white; font-weight: bold; text-decoration: none; }
 
                                                               
	       
                                                                
 
#prelude { }
#prelude a { }


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

#wrapper { margin-top: 12px; }
#main { }
#content { }
#content a{}
#content a:hover{}
#content-info {background-color: #666699; padding-bottom: 10px; padding-top:10px; margin-bottom: 10px; margin-top:0px;}
#content-info h2 {padding: 10px 10px 0px 10px; margin-top:0px;}
#content-info p {margin: 0 10px 0 10px; padding: 0; }

#content-info a {font-style: normal; color: black; text-decoration: underline; font-weight: normal; margin: 0; padding: 0px 10px 10px 10px; }

#content-info a:hover {font-style: normal; color: white; font-weight: normal; margin: 0; padding: 0px 10px 10px 10px; }

.content-inner { }

.pagination { text-align: center; background-color: #666699; padding: 10px;}
.pagination a { color: black; text-decoration: underline; font-style: normal; font-weight: normal; padding: 10px;}
.pagination a:hover { color: white; padding: 10px;}
#navlinks {margin: 0; padding: 0;}
p#navlinks {margin: 0; padding: 0;}


#subcategories{}
#subcategories ul{list-style-type: none; display: inline; float: right;}
#subcategories ul li{}
/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post { background-color: white; padding: 1px 10px 5px 10px; margin-bottom: 12px;}
.post a {text-decoration: none; font-weight: bold; color: #333366;}
.post a:hover{text-decoration: underline; font-weight: bold; color: #336633;}
.post.first {}
.post.odd {margin-bottom: 12px; }

.day-date { }
.post-title a {font-weight: bold; color: #336633; text-decoration: underline; padding-bottom: 0px; margin-bottom: 4px; }
.post-title a:hover { font-weight: bold; color: black; text-decoration: none; padding-bottom: 0px; margin-bottom: 4px; }
.post-info {margin-top: 0px; padding-bottom: 0px; margin-bottom: 4px; padding-right: 0px; text-align: right; }
.post-info a {text-decoration: none;}

.post.po-Quotes {background-color: #999999 !important;}
.post.po-Quotes .post-title{display: none;}
.post.po-Quotes .postcat{display: none;}
.post.po-Quotes .post-info{display: none;}
.post.po-Quotes .post-content {padding-top: 16px;}

ul.postlang {
  	
    	height: 1em;
  	
    	display: block;
  	
    	width: 100%;
  	
    	padding: 0px;
  	
    	margin-bottom: 8px;
    	margin-top: 0px;
    	text-align: right;
    	list-style-type: none;
    }
ul.postlang li {
    	margin-left: 4px;
    	float: right;
    	text-align: right;
    	margin-bottom: 0px;
    	padding-right: 4px;
    	padding-left: 4px;
    	padding-bottom: 1px;
    	padding-top: 1px;
    	background-color: #993366;
    	display: inline;
    	list-style-type: none;
    }
ul.postlang li a {
    	font-style: normal;
    	font-weight: normal;
    	color: black;
    	text-decoration: none;
    }
ul.postlang li a:hover {
    	font-style: normal;
    	font-weight: normal;
    	color: white;
    	text-decoration: none;
    }
ul.postlang li a:hover {
    	color: white;
    	text-decoration: none;
    }
    

ul.postcat {
    	clear: right;
    	margin-bottom: 8px;
    	margin-top: 0px;
    	text-align: right;
    	padding: 0px;
    }
ul.postcat li {
    	margin-left: 4px;
    	float: right;
    	text-align: right;
    	margin-bottom: 4px;
    	padding-right: 2px;
    	padding-left: 2px;
    	padding-bottom: 1px;
    	padding-top: 1px;
    	background-color: #ff9933;
    	display: inline;
    	list-style-type: none;
    }
ul.postcat li a {
    	font-style: normal;
    	font-weight: normal;
    	color: black;
    	text-decoration: none;
    }
ul.postcat li a:hover {
    	font-style: normal;
    	font-weight: normal;
    	color: white;
    	text-decoration: none;
    }
ul.postcat li a:hover {
    	color: white;
    	text-decoration: none;
    }
        


ul.post-tags {
    	clear: right;
    	margin-bottom: 0px;
    	margin-top: 0px;
    	text-align: right;
    	padding: 0px;
    }
ul.post-tags li {
    	margin-left: 4px;
    	float: right;
    	text-align: right;
    	margin-bottom: 4px;
    	padding-right: 2px;
    	padding-left: 2px;
    	padding-bottom: 1px;
    	padding-top: 1px;
    	background-color: #ff3300;
    	display: inline;
    	list-style-type: none;
    }
ul.post-tags li a {
    	font-style: normal;
    	font-weight: normal;
    	color: black;
    	text-decoration: none;
    	
    }
ul.post-tags li a:hover {
    	font-style: normal;
    	font-weight: normal;
    	color: white;
    	text-decoration: none;
    	
    }
ul.post-tags li a:hover {
    	color: white;
    	text-decoration: none;
    }
    
    
.post-excerpt {margin-top: -5px !important; padding-right: 4px;}
.post-content { padding-top: 5px; padding-right: 4px; padding-left: 4px; padding-bottom: 4px; text-align: justify; }

.post-content a { text-decoration: underline; color: #336633; }

.post-content a:hover { text-decoration: none; color: #336633; }

.post-content p {padding-right: 160px;}
.post-content p.right {margin-left: 160px;  padding-right:0; margin-top: 1px; margin-bottom: 1px;}
.post-content p.center {padding-right: 80px; padding-left: 80px;}
.post-content p.fullcenter {padding-right: 0px !important; padding-left: 0px; text-align: center; margin-left: auto; margin-right: auto;}
.post-content p.full {padding-right: 0px; padding-left: 0px;}
.post-content p.signature {padding-left: 360px;  padding-right:0;}


.post-excerpt a { text-decoration: underline; color: #336633; }

.post-excerpt a:hover { text-decoration: none; color: #336633; }

.post-excerpt p {padding-right: 160px;}
.post-excerpt p.right {margin-left: 160px;  padding-right:0; margin-top: 1px; margin-bottom: 1px;}
.post-excerpt p.center {padding-right: 80px; padding-left: 80px;}
.post-excerpt p.fullcenter {padding-right: 0px !important; padding-left: 0px; text-align: center; margin-left: auto; margin-right: auto;}
.post-excerpt p.full {padding-right: 0px; padding-left: 0px;}
.post-excerpt p.signature {padding-left: 360px;  padding-right:0;}



#attachments, p#blok{margin-left: -14px; margin-bottom: -10px; margin-right: -14px; margin-top: 1px; background-color: #ffff99; padding: 10px;}
#attachments a, p#blok a{ font-style: normal; font-weight: normal; color: #336633; text-decoration: underline;}
#attachments a:hover, p#blok a:hover{ font-style: normal; font-weight: normal; text-decoration: none !important; color: #336633;}
#attachments h3 { }
#attachments ul { }
#attachments ul li { }
#attachments li.audio {background-color: fuchsia }
#attachments li.package { }
#attachments li.text { }



.read-it { }

.footnotes { }
.footnotes h4 { }

.post-info-co { }
.comment_count { }
.pings_count { }
.attach_count { }



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

#blogextra div { padding-right: 6px; margin-bottom: 12px; padding-top: 1px; }

#blognav div {
    	padding-left: 6px;
    	padding-top: 1px;
    	padding-right: 6px;
    	padding-bottom: 4px;
    	margin-left: 0px;
    	margin-bottom: 12px;
    	margin-right: 0px;
    	margin-top: 0px;
    }
#blogextra a, #blognav a{ text-decoration: underline; color: black; }

#blogextra div ul li, #blognav div ul li{ padding: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 4px; }

#blogextra div ul, #blognav div ul{ margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; }

#blogextra a:hover, #blognav a:hover{ text-decoration: none; color: white; }

#sidebar h2 { padding-left: 0px; padding-bottom: 4px; padding-right: 0px; padding-top: 4px; margin: 0px; font-size: 100%; }
#sidebar h3 { }
#sidebar ul {margin: 0; }
#sidebar li {margin: 0;  }

/* boites du menu des widgets livres avec Dotclear */

#search { height: 10px; border-style: none; width: 100%; padding: 0; margin: 0;}
#search p { margin: 0px; border-style: none; padding: 0px;}
#search form { font-size: 13px; font-family: arial, sans-serif; border-style: none; padding: 0px; margin: 0px;}
#search form fieldset { font-family: arial, sans-serif; border-style: none; padding: 0px; margin: 0px; }
#search input[type=text] { margin-bottom: 0px; margin-left: -4px; margin-right: 4px; margin-top: 0; font-family: arial, sans-serif; height: 20px; width: 145px; font-size: 100%; background-color: white; border-style: none; padding: 0px; } /* ou #search #q */
#search input[type=submit] { position: absolute; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; border-width: 0px; font-family: arial, sans-serif; width: 20px; height: 20px; border-style: none; border-left-color: #ff8a00; border-bottom-color: white; border-right-color: #ff8a00; border-top-color: #ff8a00; font-size: 100%; background-color: #ff9933; } /* ou #search .submit */
#search input[type=submit]:hover { border-width: 0px; padding: 0px; font-family: arial, sans-serif; background-color: #ffff99; cursor: pointer;}

#topnav { background-color: #cc6600; }
.topnav-arch { }
.topnav-home { }


.lang { }
.categories { }
.syndicate { }
.lastposts { }
.lastcomments { }
.text { }
.links { }


/* 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 { padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 3px; text-align: center; height: 40px; margin-top: 10px; background-color: #666699;}
#footer table { margin-right: auto; margin-left: auto; }


                                                               
	                    
                                                                

                                                    
                                                       

#footer table a { text-decoration: underline; color: black; }


                                                               
	                    
                                                                

                                                    
                                                       

#footer table a:hover { text-decoration: none; color: white; }


/* ------------------------------------------------------------
	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 {
	padding-top: 4px;
	background : transparent;
}
.tags ul li a:hover {
	background-image :none;
}
.dc-tags .tag0, .tags .tag0 { font-size: 100%; }
.dc-tags .tag10, .tags .tag10 { font-size: 100%; }
.dc-tags .tag20, .tags .tag20 { font-size: 100%; }
.dc-tags .tag30, .tags .tag30 { font-size: 100%; }
.dc-tags .tag40, .tags .tag40 { font-size: 100%; }
.dc-tags .tag50, .tags .tag50 { font-size: 100%; }
.dc-tags .tag60, .tags .tag60 { font-size: 100%; }
.dc-tags .tag70, .tags .tag70 { font-size: 100%; }
.dc-tags .tag80, .tags .tag80 { font-size: 100%; }
.dc-tags .tag90, .tags .tag90 { font-size: 100%; }
.dc-tags .tag100, .tags .tag100 { font-size: 100%; }

ul.tags li {line-height: 0.95em; padding-bottom: 6px !important;}

/* messages d'erreur */
.navlang{ background-color: #CC3366; padding-bottom: 4px; padding-left: 6px; }

.selected{padding:0; margin: 0; }
.selectedbox{ background-color: #ffff99; padding-bottom: 6px; padding-left: 6px; }
.imgsel{display: block; position: static;}

.selectedbox li:hover {background-color:white; cursor: pointer;}
.selectedbox a:hover{color:black !important; text-decoration: underline !important;}

.follow{ background-color: #996699; padding-bottom: 4px; padding-left: 6px; }

.follow table{ padding-top: 5px; }

.searching {background-color: #cc3300;}

.error {
	border : 1px solid #c44;
	background : red;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}
	
/* exemples de ceux que j'ajoute souvent */
.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;
    }
    
    
    
    
.menu { list-style-type: none; width:1000px; height:32px; position:relative; z-index:89 !important;border-right:0px solid #585752;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1001px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type: none;}
.menu ul ul {list-style-type: none; width:158px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li { min-height: 14px; font-weight: bold; font-size: 100%; float:left;width:158px;position:relative; margin-right: 10px;}
.menu ul li.last {margin-right: 0px; margin-left: 2px;}
/* style the links for the top level */
.menu a, .menu a:visited { font-size: 90%; border-color: #333366; border-style: solid; display:block; text-decoration:none; color: black; width:147px; height: 30px; border-width: 1px; background:#cc6600; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { min-height: 14px; width:155px; w\idth:147px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { min-height: 14px; font-size: 100%; background:#cc6600;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#ffff99}
.menu ul ul :hover > a.drop {background:#ffff99}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { min-height: 14px; background:#ff9933;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#ffff99;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute;height:0;top:31px;left:0; width:147px;border-top:1px solid;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:158px; top:-1px; width:158px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul.left ul {left:-158px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {min-height: 14px; background:#ff9933; color:#000; height:auto; line-height:1em; padding:5px 10px; width:137px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { min-height: 14px; width:159px;w\idth:137px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover, .menu ul ul ul a:hover {color:#000; background:#ffff99;}
.menu :hover > a, .menu ul ul :hover > a, .menu ul ul ul :hover > a {color:#000; background:#ffff99;}

/* make the second level visible when hover on first level list OR link */

.menu ul :hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* keep the 4th level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}


/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul :hover ul{ visibility:visible;}
/* keep the 4th level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul :hover ul ul{visibility:hidden;}


/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul{ visibility:visible;}
/* keep the 4th level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul ul{visibility:hidden;}


/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul :hover ul{ visibility:visible;}
/* keep the 4th level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover  ul :hover ul ul{visibility:hidden;}



/*
#menu ul ul li:hover ul,
#menu ul ul a:hover ul{visibility:visible;}
*/




/* make the 4th level visible when you hover over third level list OR link */

/* #menu ul :hover ul :hover ul :hover ul{ visibility:visible !important;} */


/* make the third level visible when hover on second level list OR link */
/*
#menu ul ul ul li:hover ul,
#menu ul ul.left ul a:hover ul{visibility:visible !important;}
*/
/* keep the 4th level hidden when you hover on second level list OR link */
/* #menu ul ul.left ul :hover ul ul{visibility:hidden !important;} */
/* make the 4th level visible when you hover over third level list OR link */
/* #menu ul :hover ul.left :hover ul :hover ul :hover ul{ visibility:visible !important;} */




.menu ul li ul li, .menu ul li ul li ul li, .menu ul li ul li ul li ul li {margin-left: 0; font-weight: normal;}

.menu ul li ul li.tout{min-height: 0px; border-left-style: solid; border-bottom-style: solid; border-right-style: solid; border-top-style: none; margin-top: -1px; width: 157px; border-right-color: #333366; border-bottom-color: #333366; border-left-color: #333366; border-width: 1px; background-color: #ffff99; height: 4px;}

.twitterTime { font-size: 80%;}

.twitter ul li { word-wrap: break-word; word-break: break-strict; margin: 0px; padding: 0px; list-style-type: none; text-align: justify; font-size: 83%; }

.twitter ul { margin: 0px; padding: 0px; list-style-type: none; text-align: justify; }

.twitter { padding-left: 6px; padding-bottom: 1px; background-color: #CC9999; }

#musinou_tweets { padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; list-style-type: none; margin: 0px; }

#musinou_tweets ul { list-style-type: none; margin: 0px; padding: 0px; }

#musinou_tweets ul li { list-style-type: none; margin: 0px; padding: 0px; }