/*  
Theme Name: Bulle2
Description: Version 2 personnalisée pour meyabulle.fr
Author: Meyabulle
*/

/*************************************
 +Conteneurs
  *************************************/
html{
        font-size:100%;
}
body{
        font-size:1em;
	background:#bd0202 fixed;
        margin:0;
        padding:0;
        height:100%;
}
#menu {
        position: fixed ;
        top: 0 ; 
        left: 0 ;
        margin:0;
        padding:0;
        min-width: 330px;
        height:100%;
}
body>#menu {
        position:fixed;
}
#flurss{
        position: fixed ;
        bottom: 0 ; 
        right: 0 ;
        margin:0;
        padding:0;
}
body>#flurss {
        position:fixed;
}
#menubloc {
        padding-left:1em;
        position:absolute; 
        left: 0;  
        top: 33%; 
}
body>#menubloc {
        position: fixed ;
}
#menucat a {
        font-size:0.85em;
	color: #fff;
        margin:0;
        padding:0;
}
#menucat a:hover {
        color: #000;
}
#menucat ul {
        list-style-type:none;
        width:25em;
	min-width:330px ;
}
#menucat ul li {
	float: left;
	width:10em ;
        line-height:0,2em;
        margin:0;
        padding:0;
}
#menucat br {
	clear: left;
}
#content{
        height: 100% ;
        float:left;
        width:auto;
        max-width:800px;
        min-width:500px;
        min-height:500px;
        overflow: auto;
        margin-left:36%;
        margin-right:4%;
}
.pagination {
        margin-top:1.2em;
        margin-bottom:1.2em;
        text-align:center;
}
/*************************************
 +Styles de texte
 *************************************/
p, ul, li {
	margin-bottom:1.2em;
        margin-top:0.8em;
        text-align:justify;
	line-height:1.2em;
        font-family: Arial, Tahoma, Helvetica, Century Gothic, serif;
        font-size:1em;
        color: #000;
}
h1 {
	padding:1.2em;
	color: #ed1c24;
	line-height:1em;
	font-family:Georgia, "Lucida Grande", "Lucida Sans Unicode", lucida, Verdana, sans-serif;
	font-size:1.4em;
}
h2 {
	padding-top:1em;
	color: #003366;
	line-height:1em;
	font-family:Georgia, "Lucida Grande", "Lucida Sans Unicode", lucida, Verdana, sans-serif;
	font-size:1.2em;
	font-weight:bold;
}
h3 {
	padding-top:1.2em;
	color: #003366;
	font-family:Georgia, "Lucida Grande", "Lucida Sans Unicode", lucida, Verdana, sans-serif;
	font-size:1em;
	font-weight:bold;
}
.origine {
        text-align:center;
	line-height:1em;
        font-family:Tahoma, Helvetica, Century Gothic, serif;
        font-size:0.8em;
        color: #000;
}
.source, .sourcer {
        text-align:right;
	line-height:1em;
        font-family:Verdana, Tahoma, Arial, sans serif;
        font-size:0.8em;
        color: #000;
        margin-bottom:1.5em;
}
.sourcel {
        text-align:left;
	line-height:1em;
        font-family:Verdana, Tahoma, Arial, sans serif;
        font-size:0.8em;
        color: #000;
        margin-bottom:1.5em;
}
/*************************************
 +Liens
 *************************************/
a {
	color: #ed1c24;	
	text-decoration:none;
}
a:visited {
	color: #003366;
}
a:hover {
	color: #ffffff;
}
/*************************************
 +Images et autres
 *************************************/
a img {
	border: none;
}
img {
        border:none;
}
.right {
        text-align: right;
}
.left { 
        text-align: left;
}
.middle{ 
        text-align: center;
}
blockquote{
        border-left: 1px dotted gray;
        padding-left:1em;
        margin: 1.8em;
	color: #003366;
}
blockquote p{
        text-align:justify;
	line-height:1.1em;
        font-family:Georgia, Times New Roman, serif;
        font-size:0.9em;
        font-style:italic;
	color: #003366;
}
/*************************************
 +Notule
 *************************************/
.notule{
        margin-top:1.2em;
        margin-bottom:1.2em;
        background: #fff;
}
.ebody{      
        padding:4%;
}
.etitle{
	text-align:left;
	color: #000;
        padding-top:0.5em;
        padding-bottom:0.2em;
        padding-left:1.4em;
	font-family:Georgia, Times New Roman, Serif;
	font-size:1.8em;
        font-weight:bold;
}
.etitle a {
	color: #c00;
	border: none;
	text-decoration: none;
}
.etitle a:hover {
	color: #000;
}
.etags{
	text-align:right;
	color: #cc0000;
        padding-bottom:0.5em;
        padding-right:0.5em;
        margin-bottom:0.5em;
	font-family:Verdana,Arial,Sans Serif;
	font-size:0.8em;
}
.etags a {
	color: #003366;
	border: none;
	text-decoration: none;
        font-style:italic;
}
.ecoms{
	text-align:center;
	color: #cc0000;
        padding-top:0.5em;
        padding-bottom:0.5em;
        padding-left:0.5em;
        margin-bottom:0.5em;
        margin-left:0.5em;
	font-family:Verdana,Arial,Sans Serif;
	font-size:1em;
}
.ecoms a {
	color: #003366;
	border: none;
	text-decoration: none;
        font-style:italic;
}
.comments{
        margin-bottom:1em;
        margin-left:0.5em;
        text-align:center;
        color:#676767;
        font-family:Georgia, Times, serif;
        font-size:1em;
        font-weight:bold;
}
.commentsblock textarea {
        width:35em;
}
/*************************************
 +Commentaires
 *************************************/
ol.commentlist {
	margin-left:0.5em;
	padding:0;
}

.commentlist li {
        display:table;
	list-style:none;
	margin-bottom:0.5em;
       margin-left:0.5em;

	}

.commentlist cite {
        margin:0.5em;
        height: 2em;
        min-width:5em;
	padding-left:1em;
        float:left;
	font-style:normal;
	color:#003366;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#336699;
	}
.commentlist a:hover, .commentlist a:active {
	color:#000;
	}
.commentlist .author {
	font: small-caps bold 1em Georgia, "Times New Roman", Times, serif;
	}

.commentlist .moi cite {
        padding-left:1em;
}
.moi .commenttext {
        background: #ffffcc;
        border:dotted  1px #ed1c24;
        color: #990000;
}
.commenttext {
        margin-left:0.8em;
        width:35em;
        float:right;
	background:#fff;
        border:dotted 1px #003366;
	padding:1em;
	color:#336699;
}