/*
Theme Name: 1jour1job theme
Theme URI: http://www.konfiture.com/
Description: Theme pour 1jour1job.fr
Version: 1.0
Author: Konfiture
Author URI: http://www.konfiture.com
Tags: 1jour1job
*/



body{
	font: 76% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	background: #FFF;
	color: #333;
	text-align: center;
	margin:0;padding:0;
	}
	#entete{
		background: #FFF url(images/fond-entete.jpg) top center no-repeat;
		height:297px;
	}
		#contenuEntete{ margin:0 auto; width:1000px; text-align:left; }
		#logo{ 
			width:175px; 
			height:105px; 
			top: 15px; 
			left: 5px; 
			position:relative;
			display:block;
			float:left;
			}
		#menu{ position: absolute; top:200px; display:block; float:left; }
		
		#menu ul li a{ display:block; color:#FFF; text-decoration:none;}
		#menu ul li a:hover{color:#333; text-decoration:none;}
				
		#menu, #menu ul /* Liste */     
		{
	        padding : 0; /* pas de marge intérieure */
    	    margin : 0; /* ni extérieure */
        	list-style : none; /* on supprime le style par défaut de la liste */
	        line-height : 30px; /* on définit une hauteur pour chaque élément */
    	    text-align : center; /* on centre le texte qui se trouve dans la liste */
		}
		#menu ul{ padding-left:220px;}
	
		#menu a /* Contenu des listes */
		{
			display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
			padding : 0 20px; /* aucune marge intérieure */
			color : #fff; /* couleur du texte */
			text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
			font-size:1.3em;
			text-transform:uppercase;
		}

		#menu li /* Elements des listes */      
		{ 
				float : left; 
		}

		/* IE ne reconnaissant pas le sélecteur ">" */
		html>body #menu li
		{
		}
		#signature{
			height:297px; background:url(images/signature-emeraude.jpg) bottom right no-repeat;
			width: 1000px; position: relative; z-index:-5;
			top:-120px;
		}
	
	
#pied{
		background-color:#3b5266;
	}
	#footer{
		color: #CCC;
		padding-top:50px;
		padding-bottom: 10px;
	}
	#footer a{ color:#CCC; text-decoration: underline; font-weight:normal;}
	#footer a:hover{ text-decoration:none;}
	
	
#milieu{ text-align:left; margin: 20px auto; width: 1000px; background-color:#FFF; }
	
#wrap1{ float:left; width:100%;}
	
	#contenu{
		margin-right: 530px;
		padding: 10px 5px;
	}
		#contenu .synop{ background:url(images/fond-contenu.jpg) top center no-repeat; width: 433px; padding:10px 15px;}
	
		.post small{ text-transform:uppercase; font-size:1em;}
		.post h2{margin:0; padding:0;}
		.post h2 a{color:#ff9600; text-decoration:none; text-transform:uppercase; letter-spacing:1px;}
		.post h2 a:hover{color:#cc6600;}
		.post .entry{ margin-left:20px;}
		
		.post p{margin: 0; padding:0;}
		.post .description{ background:url(images/fond-contenu.jpg) top center no-repeat; margin-top:10px; text-align:left;}
		.description p{padding:15px 18px 0 18px;}
		.description p strong{ color:#ff9600; font-size:1.2em; letter-spacing:2px;}
		
		
		.navigation{ margin: 55px 0 0 0; padding: 0 20px;}
		.alignleft{ float:left;}
		.alignright{ float:right;}
		
	#contenu2{ padding: 10px 5px; }
	
	#sidebar1{
		padding-top:10px;
		width:250px;
		float:left;
		margin-left:-530px
	}
	#sidebar1 a{ text-decoration:none;}
		
		.apercu{ margin:0 5px 5px 0; width:240px; height:90px; float:right; background:url(images/fond-apercu.jpg) no-repeat; color:#ddd; cursor:pointer; text-decoration:none;}
		.apercu-vignette{ float: left; padding: 5px;}
		
		.apercu-lien{ text-align:left; display:inline; margin:0; padding:5px 0 0 0;}
		.apercu-lien a{text-decoration:none;}
		.apercu-lien small{ text-transform:uppercase; font-size:.9em; padding:10px 5px 0 5px; line-height:10px; cursor:pointer; margin-top:10px;}
		.apercu h2{ text-transform:uppercase; font-size:1.45em; padding:-5px 8px 0 3px; letter-spacing:-1px; line-height: 17px; cursor:pointer; margin:0;}
		
		.apercu:hover{background:url(images/fond-apercu-hover.jpg) no-repeat; color:#fff;}
		
		.apercu a{text-decoration:none;}


		#slideshow { position:relative; height:440px; }
		#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
		#slideshow IMG.active { z-index:10; opacity:1.0; }
		#slideshow IMG.last-active { z-index:9; } 

	
	
	
	#sidebar2{float:left;width:280px;margin-left:-280px; }	
	
		#postit{ background:url(images/fond-annonces-milieu.jpg) top center repeat-y; width:280px; margin:0; padding:0;}
		#postit-haut{ background:url(images/fond-annonces-haut.jpg) top center no-repeat; width:280px; height:25px;}
		#postit-bas{background:url(images/fond-annonces-bas.jpg) top center no-repeat; width:280px; height:65px;}
		#postit-milieu{font-size:.9em; padding: 0 25px;}
		#postit-milieu strong{ color:#ff9600; font-size:1.2em; letter-spacing:2px;}
		
		#pub{ width:270px; background-color:#e3e8ec; padding:20px 5px; text-align:center;-moz-border-radius:15px; -webkit-border-radius:15px;}
		
		#sponsors{ width:242px; text-align:center; padding: 4px; border:#CCC 1px solid; background-color:#FFF;}
		
		#sponsors img{ margin:3px; border:none;}
		
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
img{ border:none;}
	
a{ text-decoration:underline; color:#930;}
a:hover{ text-decoration:none; color:#ff9600:}