/*  

Theme Name: Detente Internet

Theme URI: http://www.beoninternet.net/

Description: Un design nature par <a href="http://www.beoninternet.net/">Diseno web Barcelona</a>. 

Version: 1.1

Author: BOI Consulting Internet

Author URI: http://www.beoninternet.net/

Tags: green, two-columns, right-sidebar, fixed-width



*/

/*----Global Reset Courtesy of Eric Meyer----*/

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 {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

:focus {

	outline: 0;

	background: #ffc;

}

body {

	line-height: 1;

	color: #666;

	background: #C0A563;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 87.5%;

}

ol, ul {

	list-style: none;

}

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

p, tr, td, h1, h2, h3, h4, span, div {

	font-size: 1em;

}

strong {font-weight:700}


/*----Layout----*/

#wrapper {

	width: 960px;

	background: #e7e7e7;

	margin: 0 auto;

	text-align: left;

	padding-bottom: 20px;

}

#header {

        background:#FFF;

	height: 221px;

	position: relative;

	overflow: hidden;

}

	#site-name {

		position: absolute;

		z-index: 3;

		text-align: center;

		left: 0;

		top: 0;

	}

		#site-name h1 {background:#555;
			color: #FFF;
			font-size: 21px;
			display: block;
			margin: 20px 20px 0 188px;
			padding:5px;
		}

	#logo {

		position: absolute;

		top: 0px;

		left: 0px;

		z-index: 2;

	}

	#header-image {

		position: absolute;

		top: 0px;

		right: 0;

		z-index: 2;

	}

#categories {

	background: #6A5226;

	overflow: auto;

	z-index: 3;

}

	#categories ul {

	  float: left;

	  width: 100%;

	  margin: 0;

	  padding: 0;

	  list-style: none;

	}

 

		#categories li {

		  float: left;

		  margin: 0;

		  padding: 0;

		  height: 38px;

		  list-style: none;

		}

			#categories li a {

			display: block;

			color: #e2e2e2;

			font-size: 22px;

			text-decoration: none;

			line-height: 38px;

			padding-left: 45px;

			background: url(images/category-fleche.gif) no-repeat 20px center;

			}

			#categories li a:hover {

			background: url(images/category-fleche-over.gif) no-repeat 20px center;

			}

#content {

	float: left;

	width: 627px;

	padding: 20px 0;

}

#right {

	float: right;

	margin: 20px;

	width: 273px;

}

#footer {

	clear: both;

	background: #f3f3f3;

	padding: 20px;

	margin: 0 20px;

	line-height: 70px;	font-size:0.8em.

}

/*----Typography----*/

h1 {

	font-size: 2.5em;

	margin-bottom: 20px;

	font-weight: normal;

}

h2 {

	font-size: 2em;

	margin-bottom: 20px;

	font-weight: normal;

}

h3 {

	font-size: 1.5em;

	margin-bottom: 20px;

	font-weight: normal;

}

h4 {

	font-size: 1.2em;

	margin-bottom: 20px;

	font-weight: normal;

}

p {

	line-height: 1.428em;

	margin-bottom: 1.428em;

}

.post h2 {

	display: block;

	background: #f3f3f3 url(images/title-right-corners.gif) no-repeat right;

	font-size: 2.571em;

	letter-spacing: -2px;

	height: 45px;

	padding: 0 50px;

	line-height: 45px;

	margin-bottom: 0;

}

	.post h2 a {

		color: #666;

		text-decoration: none;

	}

.post h3 {

	display: block;

	background: #f3f3f3 url(images/title-right-corners.gif) no-repeat right;

	font-size: 2em;

	letter-spacing: -2px;

	height: 45px;

	padding: 0 50px;

	line-height: 45px;

	margin-bottom: 0;

}

	.post h3 a {

		color: #666;

		text-decoration: none;

	}

.entry h3, .entry h2 {

	background: none;

	height: inherit;

	padding: 0;

	line-height: inherit;

}

h2.pagetitle {color:#fff;

	display: block;

	background: #469728 url(images/title-right-corners.gif) no-repeat right;

	font-size: 2.571em;

	letter-spacing: -2px;

	height: 45px;

	padding: 0 20px;

	line-height: 45px;

}

	h2.pagetitle a {

		color: #666;

		text-decoration: none;

	}

.box h2 {

	display: block;

	font-size: 1em;

	letter-spacing: 0px;

	margin-bottom: 10px;

}

a {

	color: #0c7fba;

	text-decoration: none;

}

a:hover {

	color: #469728;

	text-decoration: underline;

}

small {

	font-size: .9em;

}

blockquote, q {

	line-height: 1.5em;

	margin: 1em 3em;

	quotes: "\201C" "\201D";

}

blockquote:before, q:before {

	content: open-quote;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	font-size: 3em;

	color: #ccc;

}

q:after {

	content: close-quote;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	font-size: 3em;

	color: #ccc;

	margin-bottom: -10px;

}

ul, ol, dl {

	margin-bottom: 1.5em;

	padding-left: 1.5em;

}

ul li {

	list-style: disc;

}

ol li {

	list-style: upper-roman;

}

dt {

	font-weight: bold;

	font-size: 1.2em;

}

dd {

	margin: 0 0 1.5em 1.5em;

}

.copyright {

	float: left;

	margin: 0;

}

.credit {

	font-size:9px;margin: 0;

}

.attention {

	float: right;

	width: 272px;

	background: #e50780;

	color: #e2e2e2;

	padding: 10px;

	margin: 0 0 20px 20px;

}

/*----Forms----*/

#search {

	background: #f3f3f3;

	padding: 0 20px;

	margin-bottom: 20px;

	

}

	#search #s {

	background: #f3f3f3;

	border: 1px solid #f3f3f3;

	height: 35px;

	line-height: 35px;

	padding-top: 10px;

	width: 175px;

	}

	input#searchsubmit {

	margin-left: 10px;

	background: url(images/magnifier.gif) no-repeat right bottom;

	width: 35px;

	height: 35px;

	border: none;

	color: #666;

	cursor: pointer;

	}



/*----Comments----*/

h3#comments  {

	display: block;

	background: #f3f3f3 url(images/title-right-corners.gif) no-repeat right;

	font-size: 2em;

	letter-spacing: -2px;

	height: 45px;

	padding: 0 20px;

	line-height: 45px;

}

.commentlist {

	padding: 20px;

}

	.commentlist .box {

		margin: 20px 0 30px 0;

		clear: both;

	}

	cite {

		font-weight: bold;

		line-height: 25px;

	}

	.comment-author img {

		float: left;

		margin: 0 10px 10px 10px;

	}

	.commentmetadata {

		margin-top: 0;

	}

ol.commentlist, ol.commentlist li {

	list-style: none;

}

.comment-form {

	padding: 20px;

	border-top: 1px solid #eee;

}

	.comment-form input, .comment-form textarea {

	background: #f3f3f3;

	border: 1px solid #ccc;

	}

#respond {

	padding: 20px;

}

/*----Menus----*/

#right .box ul {

 	margin-bottom: 10px;

	padding-left: 0;

	

}

	#right .box li {

		line-height: 1.5em;

		list-style: none;

		margin: 0;

		padding: 0;

	}

	#right .box li a {

		background: url(images/menu-fleche.gif) no-repeat left;	

		padding-left: 25px;	

	}

	#right .box li a:hover {

			background: url(images/menu-fleche-over.gif) no-repeat left;	

	}

       /* regle luc : rss */

       #right .box li#linkcat-12 a {background: url(images/icon_rss.gif) no-repeat left;	}





/*----Search Page----*/

.search-results h2 { /*Search Results Page*/

	margin: 20px 0 20px 0;

}

.search-results #search { /*Search Results Page*/

	margin: 20px;

	width: 200px;

}

/*----Other Styles----*/

.date {

	margin: -36px 0 0 10px;

	width: 20px;

	text-transform: uppercase;

	height: 45px;

	text-align: center;

}

.post {

	position: relative;

	clear: both;

}

.title-tab {

	background: url(images/title-tab.gif) no-repeat left;

	height: 45px;

	width: 20px;

	position: absolute;

	left: -15px;

	top: 0;

}

.entry, .postmetadata, .navigation {

	padding: 20px 0 20px 20px;

}

.postmetadata, .navigation {

	padding: 0 0 20px 20px;

}

.box {

	background: #f3f3f3;

	padding: 20px;

	margin-bottom: 20px;

}

.nothing h2 { /*404 Page*/

	padding: 0 20px;

}

.archives { /*Archives Page*/

	padding: 20px 0 20px 20px;

}

.links { /*Links Page*/

	padding: 20px 0 20px 20px;

}

.comments {

	background: url(images/comment.gif) no-repeat right center;	

	padding-right: 20px;

}

.tags {

	background: url(images/tag.gif) no-repeat right center;	

	padding-right: 25px;

}

.navigation {

	display: block;

	text-align: center;

	margin: 20px 0;

}

/*Floats*/

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



img.alignright {

	margin: 0 0 20px 20px;

	display: inline;

	}



img.alignleft {

	margin: 0 20px 20px 0;

	display: inline;

	}

.clr {

	clear: both;

}