﻿#tweets { 
    background:#FAFAFA;
    border:1px solid #e4e4e4;
    margin:0; 
    padding:0;
}
#tweets li {
    border-bottom:1px dotted #CCC;
    list-style:none;
    padding:5px;
}

#tweets li:last-child { 
    border:0; 
}

/*=
adaptation du logo (responsive)
===========================*/
/* IE6-IE8 hack */
.ie678 .logo {
			width: 600px; height: 250px;
	background: url(../images/logo-600.png) left top no-repeat;
/*images/logo.jpg*/
}

/* low screens */
@media (max-width: 640px) {
	.logo {
	width: 300px; height: 125px;
	background: url(../images/logo-300.png) left top no-repeat;
	background-size: 100% auto;
	}
}

/* Hi  screens */
@media (min-width: 641px) {
.logo {
	width: 600px; height: 250px;
	background: url(../images/logo-600.png) left top no-repeat;
	background-size: 100% auto;
	}
}



/*====fin adaptation====*/
/*==
deco de base du site
=================================*/
#nitu{
display:table;
background:#894A4A;
table-layout:fixed;
width:100%;
}
#nsangu, #misinga, #moyo{
display:table-cell;
background:#FCF9F9;
border-top-left-radius:1em;
border-top-left-radius:1em;
margin:2px;
}

#moyo{
padding:1em;
}
#misinga{
padding:0.4em;

}
#nsangu{
padding:0.3em;

}

#malu, #mutu{
background:#F7E6E6;

}
/*==fin base
====================*/
/*== mobile
=================*/
@media  (max-width:850px){
		#moyo, #nsangu, #misinga{
		display:block;
		
		}
	table{
	font-size:90%;
	
	}
		
.widget-wrapper  img{
margin-left:1px;

}
.textwidget img{
margin-left:0;
}









}



/*========fin mobile=====*/
/*==menu de navigation
============================*/
body {
	
	color:black;
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-size: 1em;
	}
#navigation{
width:80%;
margin-left:auto;
margin-right:auto;

}

nav ul {
	margin: 0; padding: 0;
	list-style: none;
	background:#000 ;
}
nav a, .nav-open, .nav-close {
	display: block;
	padding: 0.8em;
	color: #fff;
	text-decoration: none;
}
.nav-open, .nav-close {display: none}

@media (max-width: 850px) {

	/* styling menu button */
	.nav-open, .nav-close {
		background: #2B4244;
	}
	.nav-open:before {content: "\261F ";}
	.nav-close:before {content: "▲ ";}	

	nav ul {		
		max-height: 25em; /* number of items x5 */
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-ms-transition: max-height .4s;
		-o-transition: max-height .4s;
		transition: max-height .4s;
		-webkit-transform: translateZ(0); /* activating hardware acceleration */
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
	/* handling clic and touch with CSS :target */
	#body:not(:target) nav ul {
		max-height: 0;
		overflow: hidden;
	}
	#body:not(:target) .nav-open, #body:target .nav-close {display: block;}
	#body:not(:target) .nav-close, #body:target .nav-open {display: none;}
	
	

}

/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 640px) {
	html,
	body {
		-webkit-text-size-adjust: 100%;
	}
}


/*=============================*/
/* =Widgets
------------------------------ */
.widget-wrapper {
	/*background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding: 2em;
	box-shadow:1px 8px 8px 8px;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;*/
	

	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	margin-top:20px;
	padding:20px;
	box-shadow:1px 8px 8px 8px;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:82%;
}

.widget-wrapper:hover{
cursor:pointer;
color:#2647B5;
}

.widget-wrapper select,
.widget-wrapper input[type="text"], 
.widget-wrapper input[type="password"] {
    width: 75%;
}

#widgets {
	margin-top: 40px;
}

.home #widgets {
	margin-top: 0;
}

#widgets a {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#widgets form {
    margin: 0;
}

#widgets ul,
#widgets ol {
    padding: 0 0 0 20px;
}

#widgets ul li a {
	display: inline;
	text-decoration: none;
}

#widgets .widget-title img {
	float: right;
	height: 11px;
	position: relative;
	top: 4px;
	width: 11px;
}

#widgets .rss-date {
	line-height: 18px;
	padding: 6px 12px;
}

#widgets .rssSummary {
	padding: 10px;
}

#widgets cite {
	font-style: normal;
	line-height: 18px;
	padding: 6px 12px;
}

#widgets .tagcloud,
.textwidget {
	display: block;
	line-height: 1.5em;
	margin: 0;
	word-wrap: break-word;
	max-width:320px;
}

.textwidget a {
	display: inline;
}

#widgets ul .children {
	padding: 0 0 0 10px;
}

#widgets .author {
	font-weight: 700;
	padding-top: 4px;
}

.widget_archive select, #cat {
	display: block;
	margin: 0 15px 0 0;
}

#colophon-widget ul {}

/*======================*/

/*=deco table
=======================*/
body, table, #nav{behavior: url(JS/display-table.min.htc);

 }


table{
width:90%;
border-collapse:separate;
border-spacing:2px;

caption-side:top;
}

table tr:nth-child(odd){
background:#eee;

}
table tr:nth-child(even){
background:#ddd;

}
table td:empty{
background:red;

}

table th:empty{
background:red;

}

table tr:first-child{
background:;
color:white;

}

/*======================*/
/*==sweka
====================*/
.sweka{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:10px;
	padding: 20px;
	display:block;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;
}

.sweka1{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:10px;
	padding: 20px;
	display:block;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;
}
.sweka2{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:10px;
	padding: 20px;
	display:block;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;
}
.sweka21{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:10px;
	padding: 20px;
	display:block;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;
}
.sweka22{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:10px;
	padding: 20px;
	display:block;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;
}
.sweka23{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:10px;
	padding: 20px;
	display:block;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;
	text-decoration:none;
	color:#8E0B39;
}

.sweka31{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:10px;
	padding: 20px;
	display:block;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;
}
.sweka32{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:10px;
	padding: 20px;
	display:block;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;
}
.sweka33{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:10px;
	padding: 20px;
	display:block;
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;
}
form{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:20px;
	padding: 20px;
	
	background:linear-gradient(#d3DAE9,#f9f9f9);
	width:80%;


}

#bongo{
word-wrap:wrap;
width:85%;
background:#DBE0E0;
border-top-right-radius:1em;
opacity:0.7;
color:#8E0B39;
margin-right:auto;
margin-left:auto;
padding:3px;


}
#matondo li{
list-style:none;
}

#matondo li:before{

content:"\2611 ";
font-weight:bold;
line-height:1.2em;
}
#matondo{
word-wrap:wrap;
width:85%;
background:#DBE0E0;
border-top-right-radius:1em;
opacity:0.7;
color:#8E0B39;
margin-right:auto;
margin-left:auto;
padding:5px;

}
#tonda li{
list-style:none;
}

#tonda li:before{

content:"\25C6";
font-weight:bold;
line-height:1.2em;
}
.musinga>ul>li{
list-style:none;

}

.musinga>ul>li:before{
content:"\279A";
font-weight:bold;
line-height:1.2em;

}
.musinga h2+p+h2{
display:block;
background:#000;
color:#fff;
border-top-right-radius:1em;
}
.musinga h2+p+h2+ul{
display:block;
background:#000;
color:#fff;
border-top-right-radius:1em;
}

/*==
======================*/
.M{
display:block;
color:#890909;
font-family:cookie;
text-decoration:underline;
margin-bottom:1em;
margin-top:1em;
font-size:1.531em;
}
.M:before{
content: "\261F ";

}

.K{
display:block;
color:#092D89;
font-family:amaranth,cookie;
text-decoration:underline;
margin-bottom:0.51em;
margin-top:0.41em;
font-size:1em;
}
.K:before{
content: "\261E ";

}
/*==
=================*/
.musinga h2+p{
width:80%;
border-left:2px solid #9E0B0B;
padding:2px 3px 4px 7px;
margin-left:auto;
margin-right:auto;

}
 .modes p{
 display:table-row;
 
 }
 
.modes2 p{
 display:table-row;
 
}
.modes ul li{
border-right:2px solid red;

}
.modes ul li{
 list-style:none;
 font-family:cookie;
 font-size:1.4em;
 
 }
.modes ul li:nth-child(odd){
 text-decoration:underline;
 color:orange;
}
.modes p:nth-child(even){
 
 color:#38B2F4;
}
.nsoni{
background:#ACDEF9;
border-left:5px solid red;
padding:0.6em;
margin-left:auto;
margin-right:auto;
border-top-right-radius:1em;
}
 .nzo1{
 width:90%;
 margin-left:auto;
 margin-right:auto;
 background:#77EFA9;
 padding:1em;
 border-radius:1em;
 box-shadow:5px 8px 9px black;
}

.nzo1 p:hover{
transform:scale(1.2) skew(4deg);
-ms-transform:rotate(7deg); /* IE 9 */
animation-timing-function: ease-in-out;
}
 
 #malu dt span{font-size:120%;color:green; font-family:'Bilbo Swash Caps';}
 #malu{font-family:cousine;}


 