/*
Theme Name: youpiemonday template
Theme URI:
Description: theme modifié au niveau du conteneur des Posts, il est plus large et est chargé uniquement sur les pages désirés par le php du header.
Version:1.0
Author: Julien Schleiffer
Author URI:http://www.youpiemonday.com
Tags:simple, clean, single column, grid, fluid, portfolio, #ffffff

*/



/*reset----------------------*/

.spacer 	{ clear:both;}
.vertspacer{ height:150px; width:40px; float:left; clear:right; }/*permet de séparer verticalement 2 divs*/
img{	 border:0; }
a {text-decoration:none; color: #727272;}
a:hover {text-decoration:none; color: #3F9EFF;}




/*typo-----------------------*/

h1 { text-decoration:none; float: left;}
	
h2 { background:#000000; color:#ffffff; text-decoration:none; margin:0; padding: 2px 10px 2px 0px; text-align: right;}

h3{ background:#ffffff; color:#727272; text-shadow: #cccccc 1px 1px 0px; text-decoration:none; text-transform : uppercase; font: 1.5em "Helvetica", Arial, sans-serif ;  text-align: right; margin:5px 10px 0 0; padding: 0; }

h4 { background:#ffffff; color:#727272; text-shadow: #cccccc 1px 1px 0px; text-decoration:none; text-transform : uppercase; font: 1.2em "Helvetica", Arial, sans-serif ;  text-align: left; margin:0; padding: 0; }

p{	color: #000000; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0;}	
	
.categorie{ color: #CCC; font-size: 0.7em; font-family: "Helvetica", Arial, Verdana, sans-serif; margin: 0;}

		
/*navigation-----------------*/
		
#menu {	text-align: right; width:195px; height:190px; padding:40px 10px 0 0; float: right;}
#nav{ list-style: none ; margin: 0;}

li a {  background: transparent ; color: #000000 ; font: 2em "Helvetica", Arial,sans-serif; /font: 1.9em "Helvetica", Arial,sans-serif; line-height: 0.3; text-align: right ; text-decoration: none ; padding: 3px; }
li a:hover, li a:focus, li a:active { background:transparent; color: #ffb400; text-decoration: none ; }
li.current_page_item a {color: #ffb400;} 
	
	
/*mise en forme--------------*/

body {	
	background:transparent;
	background-image:url(img_site/fond.jpg) ;
	width:100%; 
	height:100%; 
	margin:0 auto 0 auto; 
	padding: 0;
	text-align:center; /*gruge pour ie, permet de centrer le contenu*/
	}

#ContentAll{width:830px; 
			margin: 0 auto; 
			padding: 0;
			text-align:left; /*gruge pour ie, permet de ramener le texte à gauche*/
			}
		
#header {background:transparent; 
	width:830px; 
	height:230px;
	margin: 0 0 0 0; 
	clear: both;}
	
#logo {
	width:510px; 
	height:230px;
	float: left;
	margin-left: 60px;}
	
#contenu{background:transparent; 
		width:830px; 
		height: 100%;
		padding-bottom: 20px;
		margin:0 auto 0 auto; 
		clear:both;}

.alignleft{	float:left;	clear:left;}
	img.alignleft, .alignleft img{margin:5px 10px 5px 0; }
	
.alignright{float:right;clear:right;}
	img.alignright, .alignright img{	margin:5px 0 5px 10px;}
	
.aligncenter{margin:auto; clear:both; text-align:center;}
.alignnone{	float:none;	clear:both;	display:block;}

.halfleft{ width:395px; float:left; margin-right:10px;}
.halfright{ width:390px; float:right; margin-left:10px;}
	
.col{ float: left; width:230px; height: 100%; margin: 0 90px 0 0;}
.collast{ float: right; width:160px; height: 100%;}

/*Posts--------------*/

.ConteneurPost{background:transparent; 
	width:830px;
	min-height:100px;
	float:left;
	position:relative;
	margin-bottom: 5px;
	 }
	
.post{background:#ffffff; width:828px; min-height:100px; border:1px solid #e8e8e8;}
	
		
.contentPost{ background:#ffffff; width:808px; ?width:828px; min-height:1%; overflow: hidden; padding: 10px 10px 20px 10px; ;}
/*height:1%; overflow: hidden; ce morceau bouffe le contenu des pages single sous IE*/

.titrePost{width:828px; margin:0;}

.titre{ margin:0; padding:5px 0px 5px 10px; background:#ffffff;}

.categorie{	text-align: right;	padding: 2px 5px ; }
	
.Twothirdright{background:transparent;width:560px;min-height:100px; padding-bottom:25px; float:right;position:relative;}

/*footer-----------------*/

#greyline{border-bottom: 1px solid #d9d9d9; padding-top:10px;}

#footer{ border-top: 1px solid #ffffff; padding: 10px 0; margin-bottom:20px; clear:both;}

#leftFooter{ float: left; text-align: left;}
#rightFooter{ float: right; text-align: right;}