/*
Theme Name: 5pir 
Theme URI: 
Description: mon theme a moi il me parle d'aventuuuuure!
Version: 1.0
Author: Eric St-Pierre
Author URI: http://www.5pir.com/
Tags: Black, Red, Rays, Fixed Width, Two Columns, Widgets, XHTML, CSS, Valid XHTML, Valid CSS


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

*/


html, body {
	font: 12px "calibri", Arial, Helvetica, Geneva, sans-serif;
	height:  100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

strong {
	font-size: 1.1em;
	color: #ff7200;
}

h2 {
	color: #5e0010;
}

h4 {
	color: #eef0e8;
}

#bg {
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

#ombre {
	z-index:1;
	position: relative;
	background-color: rgba(55,56,54,0.35);
	width: 760px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}


#blocprincipal {
	background-color: #EAEAEA;
	width: 750px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#entete {
	color: #EFEFEF;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 5px 5px 5px 20px;
	background: url(/wp-content/themes/5pir/images/entetebg.gif) repeat-x 0 top;
}


a {
	font-weight: bold;
	color: #edcfd9;
	text-decoration: none;
}

.bouton {
	font-weight: bold;
	color: #edcfd9;
	text-decoration: none;
	font-variant: small-caps;
	border: 1px solid #4e010d;
	padding: 4px 8px;
	background-color: #6d0009;
	margin-right: 12px;
}

.bouton_select {
	font-weight: bold;
	color: #edcfd9;
	text-decoration: none;
	font-variant: small-caps;
	border: 1px solid #4e010d;
	padding: 4px 8px;
	background-color: #ff7200;
	margin-right: 12px;
}


a:hover {
	text-decoration: underline;
}

#menu {
	background-color: #500;
	padding: 10px 20px;
	color: #ff7200;
}

#contenu {
	color: #cccccc;
	background: #000 url(/wp-content/themes/5pir/images/photo.jpg) no-repeat left top;
	padding: 25px 20px 25px 0;
}

#texte {
	padding-left: 70px;
	padding-right: 0px;
	float: left;
	width: 450px;
}

#basdepage {
	background-color: #500;
	padding: 8px 10px;
	color: #663333;
	font-size: .8em;
}


.bouton-formulaire {
cursor:pointer;
border:outset 1px #ccc;
color:#666;
font-weight:bold;
	background: url(/wp-content/themes/5pir/images/boutonbg.gif) repeat-x left top;
	padding: 3px 4px;
}





ul#navlist
{
text-align: center;
list-style: none;
padding: 0;
margin: 0;
}

ul#navlist li
{
display: block;
margin: 0px 0px 0px 2px;
padding: 0;
float: left;
width: 99px;
}

ul#navlist li a
{
display: block;
padding: 0.5em 1em 0.5em 1em;
border-width: 1px;
border-color: #502020 #401010 #301010 #200a0a;
border-style: solid;
color: #fefefe;
text-decoration: none;
background: #662020;
}


ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #FFFFFF;
background: #ff7200;
}











<!--[if IE 6]>
	
		html { overflow-y: hidden; }
		body { overflow-y: auto; }
		#bg { position:absolute; z-index:-1; }
		#ombre { position:static; }

<![endif]-->


/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */


img {margin:0; padding:0;}
a img {border:0;}
p {padding : 5px 0;margin : 0;}

.alignleft {float:right;}
.alignright {float:left;}
.aligncenter {margin-left:auto; margin-right:auto;}



/* search bar ----*/
form.searchbar { margin:0;padding:0; }
form.searchbar p {margin:0;padding:0;}
form.searchbar input{float:left;margin:0;font-size:12px; padding:4px 0; color:#fff;border:0; }
form.searchbar input.txt{width:120px;background:#551808;/*transparent;*/ margin:0 10px 5px 0; height:12px;}
form.searchbar input.btn{background:#3D1005;font-weight : bold;height:24px;padding:0 4px;}

/*  ======================== Conatents ======================= */
.sidebar{float:right; width:175px; margin:0;padding:2px 2px 2px 2px;}

.posat {padding:0 10px 30px 10px; }
#content form#searchform {text-align:center;}
.post h2 {color:#fff;font-size:24px;margin:0;padding:0 0 5px 0;line-height:20px;}
.post h2 a, h2 a:hover {color:#fff; text-decoration:none;}
.post .date {color:#F46E38; font-size:11px;}
.post .date a {color:#F46E38;}
.entry {text-align:justify;padding:10px 0;}


/* --------------- SideBars ----------------*/
.sidebar ul {list-style : none;margin :10px 0 0 0;padding : 0;}
.sidebar ul li {list-style:none;margin:0;padding:0 0 15px 0;}
.sidebar ul li h2 {margin:0; padding:0 0 2px 0; line-height:20px; font-size:20px; color:#F46E38;font-weight:normal;}
.sidebar ul ul {list-style:none;margin:0;padding:0;}
.sidebar ul ul li {list-style:none;margin:0; color:#fff;padding:3px 0 0 20px;font-size : 12px;}
.sidebar ul ul ul li {list-style:none;padding:3px 0 0 15px;}
.sidebar a {color:#ffffff;}
.sidebar a:hover {color:#F46E38;text-decoration:none;}



/*  ================================= Others ============================= */

.clr {clear : both;margin:0; padding:0;font-size:1px; line-height:1px;}


/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #F46E38; width:100%;padding:0 0 15px 0;font-weight:bold;}
small {margin:0; padding:0; font-size:12px;}
#searchform {margin-top:30px;}
h2.pagetitle, h2.center {margin:0;text-align: center; padding:0; font-size:16px; color:#F46E38;}
h3, h3#comments {padding: 0;margin: 10px auto 10px ;color:#F46E38;font-size:16px;}
a.more-link {text-align:right;color:#F46E38; }
p.postmetadata {margin:0;font-weight:bold;}
p.postmetadata a{font-weight:normal;}
.alt { background-color: #2B0B04;	border:1px solid #F46E38;}
.alt a {font-weight:normal;}
input, select, textarea {border: 0; color:#fff; border:1px solid #2B0B00;background:#2B0B04;}
#commentform #submit, #searchsubmit {margin: 0; color:#ffffff; border:0;background:#F46E37;font-weight:bold;border:1px solid #F46E38; margin-left:5px;}
blockquote { border-left: 1px dotted #F46E38; padding: 12px;}
	
ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 12px;}
code { font: 1.1em 'Courier New', Courier, Fixed; border:1px dotted #F46E38;margin:5px;padding:5px;display:block;}


/* Begin Calendar */
#calendar_wrap {border-top: 0;color:#ffffff;margin-top:10px;}
#calendar_wrap table, #calendar_wrap th {margin:0 auto;padding:0;}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 98%;	font-size: 9px;}
#wp-calendar #next a {padding-right: 2px;text-align: right;}
#wp-calendar #prev a {padding-left: 2px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;font-size:12px;padding:0 0 5px 0;font-weight:bold;color:#fff;}
#wp-calendar td {padding: 1px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9px;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#calendar_wrap #today {font-weight:bold;color:#000;background:#fffffe;}
/* End Calendar */

.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}