/*
Theme Name: Perso patate
Theme URI: http://wordpress.org/
Description: Theme perso creation patate.
Version: 1
Author: patate
Author URI: http://patate.allmyblog.com/
Tags: blue, custom header, fixed width, two columns, widgets

	

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* ### RESET ### */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;color:#333;font-family: "Tahoma", "verdana","Arial";}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a:hover{text-decoration: underline;}

body{background: /*#e9e8cb*/ #e3e3e3;}

/*conteneur principal entre header et footer*/
#page{width: 100%;position:relative;clear:both;float:left;overflow:hidden;}

/* regle la colonne de gauche */
#colleft{float:left;
        width:200%;
        margin-left:-15em;
        position:relative;
        right:100%;
        
} 

/* regle la colonne de droite*/
#col1wrap{float:left;
	    width:45%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
}

#header{width: 100%;position: relative;height: 100px;background: #616161 url(/blog/wp-content/themes/perso/images/bg_head.png) 0 bottom repeat-x;margin: 0 0 25px 0;}
#header h1 a{display:block;width: 469px;height: 61px;background: transparent url(/blog//wp-content/themes/perso/images/logo.png) no-repeat;position: absolute;left: 30px;top:7px;}
#header h1 span{display: none;}
#header h2{color:#FFF;font-size: 1.3em;padding: 0.2em; position:absolute;bottom:10px;left:200px;font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;}

#header #searchform{ position: absolute;right: 1em;top:10px;width: 32%;padding: 0;margin: 0;text-align: center;}
#header #searchform div{display: inline;}
#header #searchform #s{padding: 0.26em;font-size: 1em;color: #666;border: 1px solid #666;width:60%;}
#header #searchform label{display: none;}
#header #searchform #searchsubmit{padding: 0.2em;font-size: 1em;background:#FF6600;color:#FFF;border:none;}

#header #page{;position: absolute;bottom: 0;right:3em;}
#header #page li{float:right;padding: 0.2em;background: #D1D3D3;border-top:1px solid #D1D3D3;border-bottom:1px solid #FFF;margin: 0 0.4em 0 0;}
#header #page li a{display:block;padding: 0.1em 0.4em;font-size: 1em;text-decoration: none;color:#616161; }
#header #page .current_page_item{float:right;padding: 0.2em;background: #e3e3e3;border-top:1px solid #FFF;border-bottom:1px solid #e9e8cb ;margin: 0 0.4em 0 0;}
.separator{clear:both;visibility: hidden;margin: 0;padding: 0;}

#content{margin:0 1em 2em 18em;
        overflow:hidden;
background:#fff;
border: #d9d8be 1px solid;
padding: 1px;
}

#content #cont{background: #fafaf7;min-height: 600px;}

#sidebar{float:right;
        width:16em;
        position:relative;
        left:12em;
}

#sidebar .sideinfo{
padding: 1px;
		background: #fff;
		border: 1px solid #e4e4e4;
		border-right: 2px solid #e4e4e4;
		border-bottom: 2px solid #e4e4e4;
		margin-bottom: 30px;

}

#sidebar .info{background: #f4f4f4;padding: 0.5em;color: #333;}

#sidebar .info li{font-size: 0.9em;font-family: Arial, Helvetica, sans-serif;margin: 0.2em 0 0 0;}
#sidebar .info p{font-size: 0.9em;font-family: Arial, Helvetica, sans-serif;margin: 0.2em 0 0 0;}

#sidebar .info .lienpart{margin: 0.3em 0 0 0;padding: 0 0 1em 0;}

#sidebar .info h2{background: #FF6600;padding: 0.3em;font-size: 1.3em;margin: 1em 0 0.3em 0;font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;color: #FFF;font-weight: bold;}
#sidebar .info a{font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #333;font-size: 1em;}

#newtagcloud  h2{background: #FF6600;padding: 0.3em;font-size: 1.3em;margin: 1em 0 0.3em 0;font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;color: #FFF;font-weight: bold;}
#newtagcloud  a{font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #333;font-size: 1em;}
#newtagcloud{padding-bottom: 1em;}


#lien_top{
background: #333;
font-size: 13px;
font-family: Georgia;
padding: 3px 0 3px 20px;
text-align: left;
border-bottom: 1px solid #666; 
}

#lien_top a{
color: #eee;
}


.post{position:relative;padding:1em ;font-family: Georgia, "Times New Roman", Times, serif;}
.post .title_post{text-decoration: none;font-size: 1.0em;font-weight: bold;color: #616161;font-family: Arial, Helvetica, sans-serif;}
.post .datePost{font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;color: #666;position: absolute;right:1em;top:1.6em;padding: 0.2em;}
.post .contentPost{font-size: 1em; color: #333;text-align: justify;margin: 2em 0.6em;}
.post .contentPost a{color: #FF6600;}
.post .contentPost p{margin: 15px 0;}
.post .entry{margin: 20px 0 10px 0;}
.post .entry a{color: #FF6600;}
.post .postmetadata{font-family: Arial, Helvetica, sans-serif;margin:1.3em 0;position:relative;font-size: 0.8em;color: #666;}
.post .postmetadata .tags{float: left;font-weight: normal;}
.post .postmetadata .com{float: right;font-weight: normal;}
.post .postmetadata .tags a{color: #FF6600;}
.post .postmetadata .com a{color: #FF6600;}
.post .postmetadata{padding: 1em 0 0.7em 0;height: 1em;border-bottom:1px dotted #AAA994; }
.post .gallery-item{overflow: hidden;float: left;}

.navigation {padding: 0.7em 0.7em 1.2em 0.7em;margin:0 0 0 0;color: #FF6600;height: 1em; }
.navigation a{color: #FF6600;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;}
.navigation .alignleft{float: left;}
.navigation .alignright{float: right;}

#commentaire{position:relative;padding:1em ;font-family: Georgia, "Times New Roman", Times, serif;}
#commentaire a{color: #FF6600;}

#similar_post{position:relative;padding:1em ;font-size:0.9em;border-bottom:1px dotted #AAA994;}
#similar_post h3{font-size: 1.2em;color: #616161;font-family: Arial, Helvetica, sans-serif;}
#similar_post a{color: #FF6600;text-decoration: none;}

.commentlist .comment{clear: both;padding: 0 0 1em 0;}
.comment-body{}

#respond{border-top:#AAA994 1px dotted;padding-top: 3em;}
.com_text{float: left;background: #FFF ;color:#666;border:#d9d8be 1px solid;width:80%;margin: 0.5em;padding: 1em;}
.com_text .commentmetadata{ margin: 0 0 0.6em 0;font-size:0.8em;display: block;position: relative;top:-0.5em;left:-0.5em;font-family: Arial, Helvetica, sans-serif;}
.comment-body img {float: left;margin: 0.5em;}
.moderation{color: red;font-family: Arial, Helvetica, sans-serif;}


#commentform {margin: 0 2em;}
#commentform label{display: block;margin: 0.8em 0 0.4em 0;font-family: Arial, Helvetica, sans-serif;}
#author{border:#d9d8be 1px solid;width: 50%;padding: 0.5em;font-size: 1em;color: #666; }
#email{border:#d9d8be 1px solid;width: 50%;padding: 0.5em;font-size: 1em;color: #666; }
#url{border:#d9d8be 1px solid;width: 50%;padding: 0.5em;font-size: 1em;color: #666; }
#comment{border:#d9d8be 1px solid;width: 90%;height:10em;padding: 0.5em;font-size: 1em;color: #666;font-family: Arial, Helvetica, sans-serif; }
#submit{margin: 1em ;}


.pagetitle{text-decoration: none;font-size: 1.4em;padding:0.3em;font-weight: bold;color: #616161;font-family: Arial, Helvetica, sans-serif;}

.center{text-decoration: none;font-size: 1.4em;padding:0.3em;font-weight: bold;color: #616161;font-family: Arial, Helvetica, sans-serif;}
#content #cont #searchform{padding: 0.6em 0;margin: 0;text-align: center;}
#content #cont #searchform div{display: inline;}
#content #cont #searchform #s{padding: 0.26em;font-size: 1em;color: #666;border: 1px solid #666;}
#content #cont #searchform label{display: none;}
#content #cont #searchform #searchsubmit{padding: 0.2em;font-size: 1em;background:#FF6600;color:#FFF;border:none;}

.location{
width:100%;

}

.location th{
text-align: center;
background: #666;
color: #FFF;
padding: 0.2em;
}

.location td{
border: 1px solid #666;
padding: 0.5em;
text-align: center;
}

.linkcat img{margin: 0 auto;display: block;}

/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
	margin: 2em 0;
}

.contactform label{
	display:block;margin: 0.8em 0 0 0;font-family: Arial, Helvetica, sans-serif;
}

#wpcf_your_name{border:#d9d8be 1px solid;width: 50%;padding: 0.5em;font-size: 1em;color: #666;}
#wpcf_email{border:#d9d8be 1px solid;width: 50%;padding: 0.5em;font-size: 1em;color: #666;}
#wpcf_website{border:#d9d8be 1px solid;width: 50%;padding: 0.5em;font-size: 1em;color: #666;}
#wpcf_msg{border:#d9d8be 1px solid;width: 90%;height:10em;padding: 0.5em;font-size: 1em;color: #666;font-family: Arial, Helvetica, sans-serif;}


#footer{font-size:1.2em;clear: both;padding-top:20px;width: 100%;height: 7em;margin-top:3em;text-align: center;background:  #AAA994 url(/blog/wp-content/themes/perso/images/bg_foot.png) 0 top repeat-x;}
#footer p{margin:0 0 0 0;font-size: 0.8em;color: #FFF;}
#footer p a{font-size: 0.9em;color: #666;}