/*
Theme Name: Poste 23
Theme URI: http://www.poste23.com/wp/themes/poste23/
Description: Pour le site web corporatif de Poste 23 Inc.
Version: 1.0
Author: Guillaume Joly
Author URI: http://www.guillaumejoly.com/
Tags: fixed width, two columns, widgets, sidebars
Text Domain: poste23

Les fichiers CSS, XHTML sont régits par la licence GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@import url('css/reset.css');
@import url('css/typo.css');

body{
	background-image:url(css/img/fond1.gif);
	background-repeat:repeat;
}

div#canevas {
	width: 1005px;
	margin: 0 auto ;
	background-color: #FFFFFF;
	text-align: left;
}

div#page {
	width: 950px;
	margin: 0 auto ;
	border-top: 7px solid #231F20;		
}

div#header {
	width: 100%;
	height: 60px;
	margin: 20px 0 0 0;
}

div#logoimg {	
	float: left;
	position: relative;
	width: 165px;
}

div#accesslinks {	
	float: right;
	position: relative;
	text-align: right;
}

div#accesslinks ul {	
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#primarymenu {		
	clear: both;
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
	font-size: 1.1em;
}

div#primarymenu ul {	
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 800px;	
}

div#primarymenu ul li {
	float: left;
	padding: 0;
	margin: 0;	
}

div#primarymenu ul li a {
	display: block;
	padding: 5px 30px 5px 0px;
	color: #333333;
	text-decoration: none;
	width: 125px;	
	border-bottom: 3px solid #FFFFFF;
}

div#primarymenu ul li a:hover {
	color: #F15A29;
	border-bottom: 3px solid #3C3C3C;
}

div#primarymenu ul li.current_page_item a, 
div#primarymenu ul li.current_page_ancestor a {
	border-bottom: 3px solid #3C3C3C;
}

/* Page d'accueil */

div#billboard {
	clear: both;
	width: 950px;
	height: 325px;
	background-color: #111111;	
	margin-bottom: 20px;
}

div#content h1 {
	float: left;
	position: relative;
	font-size: 2.0em;
	padding: 10px 0 30px 0;
	margin: 0 0 5px 0;
	color: #231F20;
	width: 560px;
}

div#content h1 strong{
	color: #F15A29;
	font-weight: bold;
}

div#services {
	float: right;
	width: 350px;
	height: 430px;
}

div#services h2 {
	font-size: 1.5em;
	padding: 0;
	margin: 0 0 5px 0;
}

div#services .featured-post {
	padding:10px 3px 0 5px;
	margin-bottom: 5px;
	height: 85px;
}

div#services .featured-post h4 {
	font-size: 1.3em;
	line-height: 1em;
	padding: 0;
	margin: 0 0 5px 0;
}

div#services .featured-post p{
	line-height: 1.1em;
	color: #666;
	margin: 0;
	padding: 0;
}

div#services .featured-post img {
	float: left;
	position: relative;
	margin-right: 5px;	
}

div#services a .featured-post {
	background-color: #EEE;
}

div#services a:hover .featured-post{
	background-color: #DDD;
}

div#services a.more {
	color: #F15A29;
}

div#services ul {
	list-style-type: none;
	padding: 0;
	margin: 0;	
}

div#services img.social {
	padding: 0;
	margin: 10px 5px;	
}

div#main .widget{	
	margin-bottom: 20px;
}

div#main p {
	font-size: 1.1em;
	padding: 0;
	margin: 0 0 10px 0;
}

div#text-3{ 
	float: left;
	position: relative;
	width: 550px;
}

div#text-4{
	float: right;
	position: relative;
	width: 350px;
	
}

div#text-5{	
	float: left;
	position: relative;
	width: 450px;
}

div#showcase{
	width: 580px;	
}

div#twitter-tools{
	width: 550px;	
}

div#twitter-tools h2{
	font-size: 1.5em;	
}

div#twitter-tools ul{
	list-style-type: none;
	padding: 0;
	margin: 0;	
}

div#twitter-tools ul li{
	padding-bottom: 10px;	
}

div#rss-3 {
	width: 350px;	
}

div#rss-3 h2{
	display: none;
}

div#rss-3 ul{
	list-style-type: none;
	padding: 0;
	margin: 0;	
}

/* Page de contenu */

div#statement {
	height: 150px;
}

div#sidemenu {
	float: left;
	position: relative;
	width: 220px;
	font-size: 1.1em;
}

div#sidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#sidemenu ul a{
	text-decoration: none;
}

div#sidemenu ul li.current_page_item a, 
div#sidemenu ul li.current_page_ancestor a {
	color: #F15A29;
	text-decoration: none;	
	font-weight: bold;
}

div#sidemenu ul li.current_page_item a:hover, 
div#sidemenu ul li.current_page_ancestor a:hover {
	color: #333333;
}

div#sidemenu ul ul.subpages li a, 
div#sidemenu ul ul.subpages li a {
	color: #666666;
	font-weight: normal;
}

div#sidemenu ul ul.subpages li.current_page_item a {
	color: #333333;
}

div#sidemenu ul ul.subpages li.current_page_item a:hover {
	color: #333333;
}

div#bureaux {
	font-size: 0.9em;
	margin-top: 150px;
	width: 170px;
	}

div#bureaux h4 {
	padding:2px 0 0 0;
	margin: 30px 0 0 0;
	border-top: 1px solid #DDD;
	}

div#pagecontent {
	float: left;
	position: relative;
	width: 580px;
	padding-bottom: 20px;
}

div#pagecontent h1 {
	color: #231F20;
	font-size: 1.7em;
}

div#pagecontent h2 {
	color: #F15A29;
	font-size: 1.4em;
	margin: 0 0 7px 0;
	padding: 0;
}

div#pagecontent h3 {
	color: #F15A29;
	font-size: 1.2em;
	margin: 0 0 7px 0;
	padding: 0;
}

div#pagecontent p {
	color: #333;
	font-size: 1.1em;
}

div#pagecontent p span.orange {
	color: #F15A29;
}

div#pagecontent ul li,
div#pagecontent ol li  {
	color: #333;
	font-size: 1.1em;
}

div#pagecontent table {
	width:100%; 
}

div#pagecontent table tbody tr th {
	margin: 0;
	padding: 0 10px 0 0;
	
}

div#pagecontent table tbody tr td {
	margin: 0;
	padding: 0 30px 0 0;
	color: #333;
	vertical-align: top;
}

div#pagecontent hr {
	height: 10px;
	background: url(css/img/hr.gif) repeat-x;
	border: 0;
}

/* Nouvelles */

div#newscontent {
	float: left;
	position: relative;
	width: 600px;
	padding-bottom: 20px;
	padding-right: 25px;
}

div#newscontent h2 {
	color: #333;
	font-size: 1.9em;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #231F20; 
}

div#newscontent h2 a {
	text-decoration: none;
}

div#newscontent p {
	color: #333;
	font-size: 1.1em;
	line-height: 1.4em;
}

div#newscontent p.newsdate {
	color: #666;
	font-size: 1.1em;
	margin-top: 10px;
}

div#newscontent p.postmetadata {
	padding: 5px 0 40px 0;
	border-top: solid 10px #F3F3F3;
}

div#respond h3,
h3#comments {
	padding: 25px 0 40px 0;
	border-top: solid 20px #F3F3F3;
}

h4.blog-sidebar {
	padding: 0;
	margin: 40px 0 0 0;
}

div#newscontent hr {
	height: 10px;
	background: url(css/img/hr.gif) repeat-x;
	border: 0;
}

div#newscontent img.alignleft {
	float: left;
	position: relative;
	padding: 0 10px 10px 0;
}

div#newscontent img.alignright {
	float: right;
	position: relative;
	padding: 0 0 10px 10px;
}

.comment-body {
	vertical-align: top;
}

.comment-meta {
	font-size: 0.9em;
	padding-bottom: 5px;
}

.comment-body p {
	padding: 10px 0 10px 5px;
	border-left: 5px solid #231F20;
}

cite.fn {
	font-size: 1.1em; 
	font-style: normal;
	font-weight: bold;
}

.reply {
	padding:0 0 20px 0;
}

div#newswidgets {
	float: left;
	position: relative;
	width: 270px;
	margin-left: 53px;
}

div#newswidgets ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}
div#newswidgets ul.related-cat {
	font-size: 1em;
}

	div#newswidgets ul li {
		/*padding-bottom: 10px;*/
		border-bottom: 2px solid #333;
		padding: 10px 0 5px 0;
	}
	
		div#newswidgets ul li a{
			
			
			
			text-decoration: none;
		}
		
		div#newswidgets ul li a:hover{
			color: #F15A29;
		}
		
		div#newswidgets ul li ul{
			padding: 0;
			margin: 0;
			font-size: 1em;
		}
		
		div#newswidgets ul li ul li{
			border-bottom: 2px solid #333;
		}

div#newswidgets ul.tweets {
	font-size: 0.7em;
}

	div#newswidgets ul.tweets li {
		border-bottom: 1px solid #333;
	}

div#newswidgets .widget {
	margin: 0 0 20px 0;
	padding: 0;	
	font-size: 1.0em;
	color: #666;
}

div#newswidgets img.rezo {
	margin-bottom: 10px;
}


/* Portfolio */

div#portfolio {
	clear: both;
	border-top: 1px solid #333;
	width: 100%;
}

div#portfoliodetails {
	float: left;
	position: relative;
	width: 350px;
	padding-bottom: 30px;
}

div#portfoliodetails .portfolionavigation {
	font-size: 1.1em;
	border-bottom: 1px solid #DDD;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#portfoliodetails h1 {
	font-size: 1.5em;
	padding: 10px 0 0 0;
	margin: 0;
	color: #666;
}

div#portfoliodetails h2 {
	font-size: 1.4em;
	padding: 0 0 20px 0;
	margin: 0;
}

div#portfoliodetails p {
	font-size: 1em;
	padding: 0 0 10px 0;
	margin: 0;
}

div#portfoliovisual {
	float: left;
	position: relative;
	width: 590px;
	padding: 10px 0 30px 10px;
}

div#content table tbody tr td {
	margin: 0;
	padding: 0 5px 0 0;
	vertical-align: top;
}

div#content .client {
	float: left;
	position: relative;
	width: 227px;
	height: 220px;
	margin-right: 10px;
}

div#content .client p.clienttitle,
div#content .client p.clientproject {
	margin: 0;
	padding: 0;
	font-style: italic;
}

div#content .client p.clienttitle a {
	color: #000;
	text-decoration: none;	
}

div#content .client p.clientproject span {
	color: #999;	
}

img.thumb {
	padding: 5px;
	border: #DDD solid 1px;	
}

img.cadre {
	border: 3px solid #231f20; 
	}

/* Contact */

div#contact {
	clear: both;
	border-top: 1px solid #333;
	width: 100%;
}

div#contactdetails {
	float: left;
	position: relative;
	width: 350px;
	padding-bottom: 30px;
}

div#contactdetails h1 {
	color: #333;
	font-size: 1.7em;
	padding-top: 5px;
}

div#contactdetails p {
	font-size: 1em;
	padding: 0 0 10px 0;
	margin: 0;
}

div#contactvisual {
	float: left;
	position: relative;
	width: 590px;
	padding: 10px 0 30px 10px;
}


/* Pied de page */

div#footer {
	clear: both;
	border-top: 7px solid #231F20;
	width: 950px;
	height: 180px;
	background:url(css/img/symbole-poste23.gif) 100% 10px no-repeat;	
	padding-left: 0px;
	
}

div#footer .widget {	
	float: left;
	position: relative;
	margin: 5px 20px 20px 0;
}

div#footer .widget h3 {
	color: #F15A29;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin: 7px 0 7px 0;
}

div#footer .widget ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#footer .widget ul li {
	padding: 0;
	margin: 0 0 5px 0;
}

div#orteils {
	clear: both;	
	border-top: 1px solid #DDD;
	width: 100%;
	padding: 10px 0 10px 0;
	color: #999;
}

div#contactinfo {
	float: right;
	position: relative;
}

div#contactinfo ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

div#contactinfo ul li.telephone {
	font-weight: bold;
	font-size: 1.1em;
}

div#twitterstatus {
	width: 600px;
	height: 60px;
	padding-left: 55px;
	/*background: url(css/img/twitter-gris.gif) 0 0 no-repeat;*/
}


/* Pouet pouet peanut! C'est fini! */