/*
Theme Name: Emilien
Description: Du roux et du vert en 3 colonnes :)
Version: 1.0
Author: Sunny
Author URI: http://sunfox.org/
*/



/* formattage des articles */
.article h4 {color:#9BA992; font:bold 16px Helvetica, Georgia, Times, serif; margin:.4em 0 .2em 0}

ins {text-decoration:none; color:#9b9}

.ilarge img,
img.ilarge {width:500px}

img.imarge,
.imarge img {float:right; margin:.1em 0 .5em 1em; border:0;}

img.imargegauche,
.imargegauche img {float:left;margin:.1em 1em .5em 0;max-width:150px;border:1px solid;padding:3px;}

a .imarge,
a .imargegauche {background:#ffddcc;border-width:2px}
a:hover .imarge,
a:hover .imargegauche {background:#d6ffac;}

.edit {border:1px solid orange; padding:.5em; background:#FDF8F1; color:#000; }

/* html générique */
blockquote {padding-left: 20px; margin: 0 1.5em; background:url(/images/left-quote.jpg) no-repeat left top;}
fieldset {border:1px solid #bccfc0; margin:.3em 0}
legend {padding:0 .5em; color:#bccfc0}
form {margin:0; padding:0}
h2 {font:18px Georgia, Times, serif; color:#bccfc0; margin:0;}
h3 {margin:.5em 0 .2em 0;}
ul {padding-left:3em; list-style-type:square;}
dl {margin:1em 2em 1em 1em; padding:0 1em 1em 1em; border:1px solid #f5f5f5;}
dl dt {margin-top:1em; color:#BC863A}
dl dd {margin:.5em 0 0 1em;}

/* liens */
a img {border:0}
a, a:link, a:visited, a:hover {text-decoration:none;}
a:link {color:#ec9503;}
a:visited {color:#ECBE72;}
a:hover {color:#C53C05;}
a:focus, a:active {color:#000;}


/* articles */
.article {margin:1em 0 3em 0;}
.premierarticle {margin-bottom:7em}

.article h3 a.titre {font:28px helvetica, arial, sans-serif; margin:0;}
.article h3 a.titre, .article h3 a.titre:link, .article h3 a.titre:visited {color:#ec9503}
.article h3 a.titre:hover {border-bottom:1px solid}

.article .comm {font:13px verdana, arial, sans-serif; padding-left:17px; background: url(/images/comment.gif) left center no-repeat; white-space: nowrap; clear:both; display:block;}
.article .comm a, .article .comm a:link, .article .comm a:visited {color:#583; border-bottom:1px solid #B9DDA1; padding-bottom:1px}
.article .comm a:hover {color:#000; border-bottom-color:#000}

.info {font-size:13px; color:#aaa}
.article .suite {margin-top:.5em; border-bottom:1px dotted; clear:both; display:block;}

.anciensarticles {margin-top:5em}
.anciensarticles h2 {border-bottom:1px solid #EAF0EB}
.anciensarticles ul {list-style-type:none; padding:0;}

.anciensarticles li {vertical-align:middle}
.anciensarticles li em {color:#ccc; font:12px Verdana, Arial, sans-serif; font-style:normal;}
.anciensarticles li .titre {font:22px helvetica, arial, sans-serif;}

.anciensarticles li a.comm {font:12px verdana, arial, sans-serif; padding-right:14px; background: #url(/images/comment.gif) right center no-repeat;}
.anciensarticles li a.comm, .anciensarticles li a.comm:link, .anciensarticles li a.comm:visited {color:#583; border-bottom:1px solid #B9DDA1;}
.anciensarticles li a.comm2:hover {color:#000; border-bottom-color:#000}




#related-posts {background:#fafafa; border:1px solid #ddd; margin:1em 4em .2em 2em; padding:.5em; -moz-border-radius:5px}
#related-posts ul {margin:0; padding:0; list-style-type:none;}

#mots-clefs {clear:both; background:#fafafa; border:1px solid #ddd; margin:.2em 4em 2em 2em; padding:.5em; -moz-border-radius:5px}


#prevnext {height:1em; color:#999}
.prev{float:left;}
.next{text-align:right}
.nextprev {margin-bottom: 5px;margin-top: 5px;}
.nextprev .next {display: block;float: right;margin-top: -11px;}
.nobreak {white-space: nowrap;}

/* commentaires */
#commentlist {list-style-type:none; padding:0; margin:0 0 5em 0}
#comment {width:410px;}
#pourcommenter {background:#fafafa;border:1px solid #ddd;-moz-border-radius:5px;
	list-style-type:none;margin:1em 0;padding:.5em;}
#pourcommenter li {padding:.2em 0;}
#commentlist li {padding:.2em 0}

#commentlist li big {color:#7DAA86}
#commentlist li big a, #commentlist li big a:link, #commentlist li big a:visited {color:#7DAA86; border-bottom:1px dotted #bccfc0}
#commentlist li big a:hover {color:#7DAA86; border-bottom:1px solid #bccfc0}

.comnum:link, .comnum:visited, .comnum:hover, .comnum:active {float:right; font-size:26px; color:#ccc; margin-right:.3em;}
.infoline {color:#999}

.highlight { padding: .5em; background-color: lightyellow; }

/* colonne */
.tagcloud a {margin-right:5px}

.formrecherche {padding:20px 0;}
.recherche {border:1px solid #bccfc0; padding:2px; color:#96af9b; font:12px Verdana, sans-serif;}

.publaterale {padding-top: 20px; clear:both;}

.dernierscommentaires {padding:0; list-style-type:none; font-size:10px; margin:1em 0 3em 0;}
.dernierscommentaire li {padding:0; margin:0}
a.com1:link, a.com1:visited {color:#ec9503}
a.com2:link, a.com2:visited {color:#FF941A}
a.com3:link, a.com3:visited {color:#FFA033}
a.com4:link, a.com4:visited {color:#FFAC4C}
a.com5:link, a.com5:visited {color:#FFB866}
a.com6:link, a.com6:visited {color:#FFC380}
a.com7:link, a.com7:visited {color:#FFCF99}
a.com8:link, a.com8:visited {color:#FFDBB2}
a.com9:link, a.com9:visited {color:#FFE7CC}
a.com10:link, a.com10:visited {color:#FFF3E5}
.dernierscommentaires a {padding:1px}
.dernierscommentaires a:link {}
.dernierscommentaires a:visited {}
.dernierscommentaires a:hover {color:#C53C05;}
.dernierscommentaires a:focus, .dernierscommentaires a:active {color:#000;}

.redaction {padding:0; margin:0; list-style-type:none; }

.rouxflickr {width:150px; margin:10px 0; padding: 0;}
.rouxflickr h2 {width: 140px;}
.rouxflickr ul {padding:0; margin:5px 0 0 0; list-style-type: none;}
.rouxflickr li {margin: 0; padding: 0; float: left; line-height: 0;}

/* brèves */
#evenement h2 {margin-bottom:.5em;}
#breves {background:#f5f5f5; border-bottom:5px solid #fafafa}
#breves em {font-style:normal; font-size:10px; color:#ccc;}
#breves h2 {margin-top:5px}
#breves a.commlien, #breves a.commlien:link, #breves a.commlien:visited {color:#583}
#breves a.commlien:hover {color:#000}
.breveinfo {margin:0}
.breve {font-size:11px;}
.breve p {margin:0 0 .5em 0;}

/* souscriptions */
.updated {padding:0 1em; border:1px dashed #bccfc0; margin:.5em 0 1.5em 0}
.advanced h2 {margin-top:2em}

/* menu */
#menu {background:#bccfc0; list-style-type:none; text-align:right; padding:2px 160px 2px 2px; margin:10px 0 0 0}
#menu li {display:inline; padding:0 .5em; margin:0}
#menu li a {color:white; text-decoration:none; font-size:14px; font-weight:bold;}
#menu li a:hover {color:#D8E6DB;}
#menu li a:visited {}
#menu li a:focus, #menu li a:active {color:#000}


/* positionnements */
#entour {
  background:#fff; text-align:left; margin:0 auto; width:825px; padding:0; position:relative;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;}
#laterale {width:180px; padding:0; float:left;}
#contenu {width:520px; padding:0; float:left;}
#laterale2 {width:125px; padding:0; float:left;}

#gauche {padding:10px 10px 30px 10px}
#breves {padding:10px 10px 30px 10px}
#articles {padding:10px 10px 30px 10px}


/* tete */
body {background:#ccc; font:.75em Verdana, Arial, sans-serif; text-align:center;}
h1 {padding:10px 10px 0 10px; margin:0}
#blank {position:absolute; top:6px; right:10px; background: url(/images/bigquote) no-repeat top right; width:136px; height:113px}
#tete {background: url(/images/haut-arrondi) no-repeat top left;}

/* pied */
#pied {color:#888; font-size:90%; clear:both; background:#f9f9f9; border-bottom:5px solid #eee; padding:1em 3em}
#pied a {color:#888; border-bottom:1px solid #aaa}
#pied a:hover {border-bottom-color:#000}

#pied img {border:0; vertical-align:middle;}
#pied .copy {color:#aaa; font-size:90%}
#pied .copy a {color:#aaa;}

/* archives */
#nested_date_archives h3 {font-size: 35px; margin: 30px 0 0 0}
#nested_date_archives h4 {font-size: 20px; margin: 10px 0 0 50px}
#nested_date_archives h5 {font-size: 15px; margin: 0 0 0 70px; position: absolute; line-height: 16px}
#nested_date_archives ul {font-size: 12px; margin: 0 0 0 100px; line-height: 16px; list-style-type:none; padding:0}