body {
    padding : 0px;
    margin : 1em;
    font-family : /*Trebuchet MS,*/ sans-serif; /* refaire les fonds */
}


blockquote { font-style : italic; }


/****** Placements et tailles *********/

body { font-size : 15px; }

h1 {
	text-align : left;
	margin : 0.2em 0px 0.8em 0px;
}

.billet h3 { padding-left : 1em; line-height : 1.5em; }

#info { /* float : right; */
	text-align : center;
	margin: 1em;
}

#contenu {
    margin-right : 27%;
    margin-left : 4%;
/*    text-align : justify;*/
}

#colonne {
    position : absolute;
    top : 0px;
    right : 0px;
    padding : 0px;
    width : 23%;
    font-size : 0.9em;
}

#colonne h2 {
	 margin : 0.5em 0px 0.5em 0px;
	 padding : 0px 0.2em 0px 0.2em;
	 }

#adbard {
    padding : 10px;
}

.billet {
	padding : 1em;
	padding : 0px;
	max-width : 60em;	
	margin : auto;
	margin-top : 1em;
	clear:both;
}

pre {
    padding-top : 1em;
    padding-bottom : 1em;
    overflow : auto;
}

.corpsbillet {
	padding : 1em;
/*padding-left : 0px;*/
        line-height : 170%;
}
.tags {padding : 0.5em;}

/*
.corpsbillet p:first-line {
	font-size: 105%;
}*/

/*
.corpsbillet {padding-bottom : 0px;}
.piedbillet, .tags {padding-top : 0px;}
*/
.piedbillet {
	padding: 0px 1em 0px 1em;
	text-align: center;
}

.entete h2 {
    padding : 0.2em;
    margin : 0px;
    margin-bottom : 0px;
}
.infos {
/*	position : relative;
	right : 0px;
	top : 0px;*/
}

.traductions {
    float : right;
    margin : 1em;
}

#commentaires {
    padding : 0.5em;
    padding-top : 0em;
    padding-bottom : 0.2em;
    max-width : 60em;	
    margin : auto;
}

#commentaires label {
    width : 14em;
    display : block;
    float : left;
}

.billet h4 { padding-left : 1em; }

#commentaires textarea {
	height : 15em;
	width : 80%;
	font-size : 1.2em;
}

.piedbillet { line-height : 2em; }

.gravatar { float : right; }
 

/****** Images ******/
.entete {
    background-image : url(media/css-leo/fond6.png);
/*
    background-image : url(media/css-leo/hachureBlanche.png);
    background-color : rgb(200,200,255);
*/
    }
#colonne h2, .billet h3  {
    background-image : url(media/css-leo/fond7.png);
}


/******* Trucs jolis ***********/

.citation {
	  display : block;
	  text-align : right;
	  font-size : 1.2em;
	  float : right;
	  padding : 0.3em;
	  }
.billet, #commentaires {
	border-style : solid;
	border-width : 18px;
	border-width : 8px;
/*	border-left : 8px solid; */
    border-top : 0px;
/*    border-left : 0px;*/

    -moz-border-radius : 0px 0px 1em 1em;
/*    -moz-border-radius-bottomright : 1em;*/
}

.entete {
    background-repeat : repeat-x;
}

#colonne h2, .billet h3  {
    background-repeat : repeat-x;
}

#colonne_pub, #colonne1 {
    margin : 0px;
    padding : 0.5em;
}

#colonne1 {
    -moz-border-radius-bottomleft : 1em;
}
.maj {
	padding : 0.5em;
}
.date, .categories { font-style : italic; }
fieldset, #commentaires form { margin : 1em; }
.comm {
	border-bottom-width : 2px;
	border-bottom-style : dashed;
	margin : 1em;
	padding : 1em;
	}

.comm_text { margin-top : 0.5em; }
.liensuite { font-weight : bold; }

#colonne ul {
    padding-left : 0px;
    list-style-position : inside;
}
#colonne li { list-style-type : square; }
#colonne a { text-decoration : none; }
#colonne a:hover { text-decoration : underline; }

#info {
    padding : 0.3em;
    -moz-border-radius : 0.5em;
}

#commentaires {
    -moz-border-radius : 1em;
}

#commentaires input, #commentaires label {
	      margin : 0.3em;
}

#commentaires input {
	      width : 20em;
}

/* spécial nuage */
#nuage { text-align : justify; }
/*#nuage a:hover { text-decoration : none; }*/

.ombre2 {
    padding : 0px 0px 0px 0px;
}

/* Liens vers d'autres langues */
a[hreflang]:after {
    content:' ['attr(hreflang)']';
}

.traductions {
    padding: 0.5em;
    border : 2px dashed;
}

/***** Couleurs ******/

.eo { color : rgb(0,128,0); }

/* Bleu */
a { color : rgb(0,0,255); }
:visited { color : rgb(0,0,128); }
#colonne_pub, #colonne1, .maj { background-color : rgb(200,200,255); }
.billet, .comm {
	background-color : rgb(255,255,255);
	/* background-color : rgba(255,255,255,0.8); */
}
.comm {	border-color : rgb(200,200,255); }
.billet, #commentaires { border-color : rgb(220,220,255); }
#info { background-color : rgb(255,255,100); }
/*
.billet {
-moz-border-right-colors :
rgb(255,255,255) rgb(250,250,250) rgb(245,245,245) rgb(240,240,240)
rgb(235,235,235) rgb(230,230,230) rgb(225,225,225) rgb(220,220,220)
rgb(215,215,215) rgb(210,210,210) rgb(205,205,205) rgb(200,200,200)
rgb(220,220,255);
-moz-border-bottom-colors :
rgb(255,255,255) rgb(250,250,250) rgb(245,245,245) rgb(240,240,240)
rgb(235,235,235) rgb(230,230,230) rgb(225,225,225) rgb(220,220,220)
rgb(215,215,215) rgb(210,210,210) rgb(205,205,205) rgb(200,200,200)
rgb(220,220,255);
}
*/
/* Vert
a { color : rgb(0,255,0); }
:visited { color : rgb(0,128,0); }
#colonne1, #commentaires, .maj,.entete { background-color : rgb(200,255,200); }
.billet, .comm {	background-color : rgb(255,255,255); }
.comm {	border-color : rgb(0,255,0); }
.billet { border-color : rgb(220,255,220); }
#info { background-color : rgb(255,255,100); }
*/

#adbard {
    background-color : rgb(255,255,150);
    -moz-border-radius : 1em;
}

.traductions {
    border-color : rgb(200,200,255);
}