/*
Theme Name: Envol
Theme URI: http://colibri.servhome.org/
Description: Un theme pour Wordpress concu pour Colibri
Version: 1.0
Author: Dhoko
Author URI: http://dhoko.go1.cc

/* Structure basique */

body { margin: 0; color: #545651; padding: 0; background: #464646; padding-bottom: 2px; font-family: 'Verdana','Trebuchet MS','Arial',sans-serif; font-size: 12px;}
h1,h2,h3,h4,h5 { margin: 0px; padding: 0px; font-weight: normal; }
.clear { clear:both; display: block; }
.alignleft { float: left; }
a { color: #79B100; }
a:hover { color: #000000; }
.alignright { float: right; }
.wrap, .content { width: 990px; margin: 0 auto 0 auto; }
#all {margin:auto; width: 990px; background:#fff; padding:5px;border:5px solid #a8a8a8;}

/* Header */

.header { width: 980px; background: #CAE9FB url(images/colibri340-txt.png) no-repeat left; padding: 130px 10px 0 0; margin: 10px 0 30px 0; }
.partena{height:40px; background:url(images/part.jpg) no-repeat left;}

/* Le Menu */

.header ul { background: #fff; list-style: none; padding: 0; margin: 0; }
.header ul li { background: #fff; display: inline; }
.header ul li a { margin-right: 7px; width: 130px; background: #fff; display: block; padding: 10px 0 10px 0; text-align: center; float: right; font-size: 14px; color: #079bd3; text-decoration: none; font-weight: bold;  border-left: dashed 2px #D9E7C0; border-right: dashed 2px #D9E7C0; border-top: dashed 2px #D9E7C0;}
.header ul li.current_page_item a { background: #fff; color: #079bd3; padding-bottom: 10px;}
.header ul li.current_page_item a:hover { background: #f5f5f5; color: #079bd3; padding-bottom: 10px;}
.header ul li a:hover { background: #f5f5f5; }
#mail {background:url(images/Email.png); width:24px; height:24px; margin:-2px -20px 0px 15px; float:left;}
#home{background:url(images/Picture.png); width:24px; height:24px; margin:-2px -20px 0px 15px; float:left;}
#pro {background:url(images/Profile.png); width:24px; height:24px; margin:-2px -5px 0px 15px; float:left;}

/* Colonne */
.leftcontent { width: 200px; float: left;  background: #fff ; padding:10px;	}
.corpus { width: 510px; float: left; margin-left: 10px; background: #fff url(images/fd4.jpg) no-repeat; padding:10px;	}
.rightcontent { width: 200px; float: right;background: #fff url(images/yellowside.png) no-repeat; padding:10px; }

/* Article */

.post { padding:5px; margin-bottom: 10px;  }
.date {	height: 50px; width: 45px; background: url(images/calendar.gif) no-repeat;	font: normal 22px Arial, Helvetica, sans-serif;	color: #666; text-align: center;	padding: 0px 2px 0 0;	line-height: 100%;	float: left; margin-right:5px;}
.date span { height: 16px;	display: block;	font: normal 11px Arial, Helvetica, sans-serif;	color: #fff; text-align: center;	padding-top: 5px;}
.post h2, .rightcontent h3, .comments h2 {   margin:7px 0 5px 0; font-size: 24px; font-family: "Trebuchet MS", Georgia, Tahoma, serif; }
.post h2 a { color: #555; text-decoration: none; }
.posthead h2 a:hover { color: #58BBEB; }
.posthead { padding: 10px; }
.postcontent { line-height: 18px; font-size: 12px; letter-spacing: 0.1px;  margin-bottom: 10px; margin-top: 10px;}
.postcontent a{ color: #8A97CC; font-weight: bold;	text-decoration: none}
.postcontent a:hover, .postcontent blockquote a { color: #DE5F27; }
.postcontent blockquote { background: #F8F8F8 url(images/Discussion.png) no-repeat left; margin: 0px; padding: 10px 10px 10px 40px; color: #676767; }
.postcontent code{background:#676767 url(images/Terminal.png) no-repeat left; color:#fff; margin-left:20px; padding: 10px 10px 10px 40px; }
.postcontent li {margin-left:25px; list-style-type: none; padding-left:20px; margin-top:5px; background:url(images/tick.png) no-repeat left;}
.postcontent img { vertical-align: text-top; padding: 5px; background:#f6f6f6; border:2px solid #fff;}
img.wp-smiley {  margin:0px;  padding:0px; border:0px;    }  
.postmetadata { background: #f5f5f5;  border-bottom: dashed 1px #D9E7C0; border-top: dashed 1px #D9E7C0;  padding: 3px;  width: 490px;  margin-top:5px;}
.postmetadata a:link{ color:#0080D0; text-decoration: none;}
.postmetadata a:hover{	color:#FF7300; text-decoration: underline;}
.postmetadata img { vertical-align: text-top; padding-bottom: 3px; }

#Categories { width: 390px;  background: url(images/folder.jpg) no-repeat center left; padding-left: 20px; display: block; margin-bottom: 5px;}
#Comments { width: 110px; text-align: right; display: block;}
#Comments a { padding-left: 20px; background: url(images/comments.jpg) no-repeat center left; } 
#Categories, #Comments { color: #97A778; }

/* Ma Sidebar droite et aussi la gauche */

.sidebar { width:200px; background: #fff url(images/side.jpg) no-repeat; padding: 10px 10px 10px 10px; margin-bottom: 10px; }
.sidebar h3 { background: #F6FBFE url(images/Modify.png) no-repeat left; width:66%; font-size: 20px; padding:4px 0 4px 30px; margin:10px 0 5px 10px; border-bottom: dashed 1px #D9E7C0; border-top: dashed 1px #D9E7C0;}
.sidebar ul { list-style: none; padding: 0px; margin: 5px 0px 0px 0px; }
.sidebar ul li {background: #fff url(images/asterisk_orange.png) no-repeat left; padding: 0px 5px 0px 20px; margin: 0 5px 0px 15px; }
.sidebar ul.half li { width: 150px; padding-bottom: 0px; margin-bottom: 2px; float: left; }
#linkcat-2 h2  {background: #F6FBFE url(images/Modify.png) no-repeat left; width:66%; font-size: 20px; padding:4px 0 4px 30px; margin:10px 0 5px 10px; border-bottom: dashed 1px #D9E7C0; border-top: dashed 1px #D9E7C0;}
.sidebar .alignleft { width: 160px; }
.sidebar .alignright { width: 130px; text-align: right;}
.sidebar .alignright a { text-decoration: none; }
.sidebar p { margin: 0px; line-height: 14px; font-size: 11px; }
#nonec{background:transparent;}
#nonec img {border:0;}

/* Footer */

.footer { background: #CAE9FB; padding: 10px; }
.footer p { width: 910px; margin: 0 auto 0 auto; }

/*** Commentaires quand meme utile ***/
.alt { background: #f9f9f9 ;  margin:5px 0 5px 0; min-height:90px; padding:15px;  border: solid 1px #f6f6f6;}
.avatar {float: left; border: 1px solid #eee; margin-right:5px; padding: 6px; background: #fff;}
.comentariu, .commentform { width: 500px; padding: 10px; }
.commentform { background: #f9f9f9 ; border-top:2px dashed #676767; border-bottom:1px dashed #676767;}
.comment-meta { font-weight: bold; color: #6E999D; border-bottom: solid 1px #B4D3D8; padding-bottom: 5px; }
.comment-meta span { font-size: 14px; }
.comment-meta span a, .comment-meta a { color: #676767; text-decoration: none; }
.comment-meta span a:hover, .comment-meta a :hover {color:#EA7D58; text-decoration: underline; font-weight: bold;}	
.comments h2 { margin-bottom: 10px; }
.commentform span { display: block; margin: 6px 0 6px 0; font-size: 14px; }
.commentform input, .commentform textarea { border: solid 1px #B4D3D8; background: #ffffff; padding: 5px; width: 450px;}
.commentform input.subscribe_button { width: 240px; margin-top: 10px; }

/* divers */

#relat li {margin:5px 0 0 50px; list-style-type: none; padding-left:30px; background:url(images/Next.png) no-repeat left;}
.feedo{margin:auto;   /*top right bottom left*/ padding:15px 30px 20px 0;	height:10px; background:#f7f7f7 url(images/ballfeed.png) no-repeat;}
.feedo a{ padding-left:70px; color:#094768; font-weight:bold; text-decoration: none;}	
.feedo a:hover{ color:#C87800; font-weight:bold; text-decoration: underline}	
.feedco{   margin-left:25px; height:150px;}
.feedco img{ border:none;}
#searchform {	 margin: -30px 0 0 760px; width: 200px; height:45px; text-align: center;}
#searchform #s {width: 150px; padding: 2px; }
#searchform #searchsubmit {padding: 2px; }
 
 /* Partenaires */
 
#par{ width:160px; height:22px; margin-left: 80px; font-weight:bold;}	
#linkpa {	margin:-15px 0 0 630px;  width:285px; height:100px; float:left;	}
#jaax{ float:left; width:135px; height:38px; background: url(images/jaax.png);  border:1px solid #fff;} 
#sylvain{ float:right; width:135px; height:38px; background: url(images/sylvain.png);  border:1px solid #fff;}
#missterre{ float:left; width:135px; height:38px; background: url(images/missterre.jpg);  border:1px solid #fff; margin:5px 0 0 0 ;} 
#ichigo{ float:right; width:140px; height:38px; background: url(images/ichigo.png);  border:1px solid #fff; margin:5px 0 0 0 ;}
#jaax:hover { border:1px solid #a7a7a7; }
#sylvain:hover { border:1px solid #a7a7a7; }
#missterre:hover { border:1px solid #a7a7a7; }
#ichigo:hover { border:1px solid #a7a7a7; }