/*
Theme Name: Nomad 2010
Theme URI: http://www.nomad-festival.com	
Description: Nomad 2010 website
Version: 2010
Author: Nicolas Delienne
 
Creation Theme by Nicolas Delienne
*/

body{
	background: url(img/bg.jpg) no-repeat center top fixed #ead8ad;
	text-align: center;
	font: 12px Arial, Sans-serif;
	color: #545454;
	margin: 0;
	padding: 0;
}

a{text-decoration: none;}
	a:hover{text-decoration: underline;}
	
img{border:0;}

.clear{clear: both;}


a.btn{
	font: bold 12px Arial;
	color: #DF5239;
	text-decoration: none;
	background: url(img/btn1.jpg) no-repeat left center;
	display: block;
}
	a.btn span{
		background: url(img/btn2.jpg) no-repeat right center;
		padding: 4px 12px 4px 5px;
		margin: 0 0 0 7px;
		line-height: 22px;
		height: 22px;
	}

	
	#titleAutour{
		width: 302px;
		height: 27px;
		background: url(img/sidebar_sprites.jpg) no-repeat 0 0;
		margin: 20px 0 0 0;
	}


/*********************Header*************************/

#header{
	width: 984px;
	height: 262px;
	background: url(img/header.jpg) no-repeat;
	margin: 0 auto;
	text-align: left;
}

#header h1{
	margin: 0;
}

	/*********************Nav*************************/
	
	#nav{margin: 2px 0 0 40px;}
	#nav a{
		height: 40px;
		display: block;
		float: left;
		
	}
	
		#nav a#accueil{
			background: url(img/nav.jpg);
			width: 105px;
		}
			#nav a:hover#accueil{background: url(img/nav.jpg) 0 40px;}
			
		#nav a#prog{
			background: url(img/nav.jpg) -105px 0;
			width: 165px;
		}
			#nav a:hover#prog{background: url(img/nav.jpg) -105px 40px;}
		
		#nav a#tremplin{
			background: url(img/nav.jpg) -270px 0;
			width: 105px;
		}
			#nav a:hover#tremplin{background: url(img/nav.jpg) -270px 40px;}
			
		#nav a#asso{
			background: url(img/nav.jpg) -378px 0;
			width: 195px;
		}
			#nav a:hover#asso{background: url(img/nav.jpg) -378px 40px;}
			
		#nav a#infos{
			background: url(img/nav.jpg) -573px 0;
			width: 170px;
		}
			#nav a:hover#infos{background: url(img/nav.jpg) -573px 40px;}
			
		#nav a#blog{
			background: url(img/nav.jpg) -743px 0;
			width: 75px;
		}
			#nav a:hover#blog{background: url(img/nav.jpg) -743px 40px;}
			
/**************Content******************/

#content{
	background: #fff;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 35px 0;
}

/**************Slide******************/

#slide{
	width: 913px;
	height: 255px;
	margin: 0 15px;
	padding: 2px;
	text-align: left;
}

*+html #slide{
	width: 913px;
	height: 260px;
	
}


#slideshow{
	float: left;
	background: url(img/ombre.jpg) no-repeat center bottom;
	height: 253px;
	width: 604px;
	overflow: hidden;
}
	#slideshow a{
		width: 604px;
		height: 240px;
		font: bold 25px Arial;
		color: #fff;
		display: block;
		text-decoration: none;
	}
		#slideshow a div{
			background: url(img/bg.png);
			position: relative;	
			padding: 10px;
			top: 189px;
			text-align: left;
		}
		
		#slideshow a div span{
			text-decoration: none;
			margin: -5px 0 0 5px;
			position: relative;
			top: -2px;
			font: normal 14px Arial;
		}
		
				
#edito{
	float: left;
	width: 300px;
	padding: 0;
	margin-top: 5px;
}

	#edito p{
		color: #999;
		margin: 0px 0 5px 20px;
		text-align: justify;
		font: bold 16px Arial, Sans-serif;
		line-height: 16px;
	}
	
	#edito p#patate{
		color: #525252;
		font: bold 26px Arial, Sans-serif;
		line-height: 25px;
		text-align: left;
		background: url(img/quote.jpg) no-repeat left top #fff;
		padding: 10px 0 0 50px;
		margin: 0px 0 5px 10px;
		letter-spacing: -1px;
	}
	#edito p#patate span{font-size: 33px;}
	
	#edito a#voirProg{
		background: url(img/btn_prog.jpg) no-repeat;
		width: 185px;
		height: 39px;
		display: block;
		position: relative;
		margin: 8px 0 0 136px;
	}
	
	#edito #follow{
		width: 301px;
		height: 44px;
		float: left;
		background: url(img/sprites_home.jpg) no-repeat left top;
		margin: 5px 0 0 15px;
	}
	#edito #follow a{
		float: right;
		display: block;
		height: 44px;
	}
		#edito #follow a#follow_rss{width: 49px;}
		#edito #follow a#follow_myspace{width: 37px;}
		#edito #follow a#follow_facebook{width: 39px;}
	
	
/**************lastPosts******************/

.lastPost{
	width: 300px;
	height: 150px;
	clear: both;
	margin: 15px 0 0 15px;
}

	.lastPost h2{
		font: bold 18px Arial;
		color: #333;
		padding: 3px 0;
		margin: 0 0 3px 0;
		text-align: left;
	}
	
	.lastPost h2 a{
		font: bold 19px Arial;
		color: #333;
		text-decoration: none;
		text-align: left;
		float: none;
	}
	
	.lastPost p{
		margin: 0;
		color: #606060;
		text-align: justify;
		font: 12px Arial;
	}
	
	.lastPost img{
		border: 1px solid #ddd;
		padding: 2px;
	}
	
	.lastPost a{
		float: right;
	}
		
#dernieresNews{
	text-align: left;
	float: left;
	margin: 10px 0 0 0;
	border-left: 1px solid #ddd;
}
	#dernieresNews h4{
		background: url(img/sprites_home.jpg) no-repeat 0 -82px;
		width: 302px;
		height: 27px;
		margin: 0 0 0 10px;
		text-indent: -9999px;
		
	}
	
/**************Zoom sur******************/

#zoomsur{
	width: 604px;
	float: left;
	margin: 10px 10px 0 15px;
	text-align: left;
}
	#zoomsur div#zoomContent{
		border: 1px solid #ddd;
		padding: 8px;
	}
		#zoomsur div#zoomContent img{
			float: left;
			margin: 0 8px 8px 2px;
		}
		
		#zoomsur div#zoomContent h2{
			color:#333333;
			font: bold 26px Arial;
			margin:5px 0;
		}
			#zoomsur div#zoomContent h2 a{
				color:#333333;
			}
		
		#zoomsur div#zoomContent  p{
			margin: 0;
			text-align: justify;
		}
		
	#zoomsur div#zoomContent h4{
		background: url(img/sprites_home.jpg) no-repeat 0 -110px;
		width: 572px;
		height: 27px;
		margin: 2px 0 10px 0;
		text-indent: -9999px;
	}
	
	#zoomprog{
		float: right;
		display: block;
		background: url(img/sprites_home.jpg) no-repeat 0 -137px;
		width: 244px;
		height: 30px;
		margin: 8px 0 0 0;
	}
	
	#homBillet{
		display: block;
		background: url(img/sprites_home.jpg) no-repeat 0 -167px;
		width: 604px;
		height: 82px;
		margin: 0 0 10px 0;
	}

/**************Facebook fans******************/
#fanpage_home{
	width: 300px;
	margin: 15px 0 0 15px;
	float: left;
	border: 1px solid #cecece;
	background: #ECEFF5;
}

#fanpage_side{
	width: 300px;
	margin: 15px 0;
}

/**************Newsletter******************/

#newsletter{
	width: 301px;
	height: 38px;
	background: url(img/sprites_home.jpg) no-repeat 0 -44px;
	float: left;
	margin: 15px 0 0 15px;
}
	#newsletter input#emailNews{
		border: 0;
		background: transparent;
		font: bold 14px Arial;
		color: #888;
		padding: 4px 8px;
		width: 235px;
		margin: 7px 0 0 5px;
		letter-spacing: -1px;
	}
	
	#newsletter input#submitNews{
		border: none;
		background: transparent;
		font: bold 14px Arial;
		color: #fff;
		width: 40px;
		height: 23px;
		cursor: pointer;
	}
	
	*+html #newsletter input#submitNews{
		width: 40px;
		height: 23px;
	}
	
#newsletter div#widgetTitle{
	display: none;
}

#newsletter  p{
	margin: 0;
}

#newsletter .wpcf7-response-output{
	position: relative;
	top: -60px;
}
	*+html #newsletter .wpcf7-response-output{
		top: -25px;
	}
	
/**************ACCEUIL******************/

#accueilBloc{
	margin: 0 15px;
	padding: 8px;
	text-align: left;
	border: 1px solid #ddd;
}

#accueilBloc div{
	width: 600px;
	text-align: justify;
}

#toggleEdito{
	display: block;
	background-color: #DADADA;
	color: #343434;
	font-weight: bold;
	padding: 2px 8px;
	text-decoration: none;
	margin: 8px 0 0 0;
	cursor: pointer;
	width: 584px;
}
	span:hover#toggleEdito{
		background-color: #E6E6E6;
	}
	
	*html #toggleEdito{width:600px;}
	*+html #toggleEdito{width:600px;}
	
#accueilBloc #toggled{
	margin: 8px 0 0 0;
}

#accueilBloc img{
	float: right;
}



/**************FOOTER******************/

#footer{
	background: url(img/footer.jpg) no-repeat;
	width: 984px;
	height: 91px;
	margin: 0 auto;
}

#footerNotes{
	color: #dedede;
	font: 12px Arial;
	text-align: right;
	width: 180px;
	float: left;
	margin: 16px 0 0 80px;
	line-height: 12px;
}
	#footerNotes h3{
		font: 18px Arial;
		margin: 0;
	}
	
#footer a#yassaLink{
	margin: 12px 0 0 0;
	float: right;
}