body{
	font-family:"myriad pro", arial;
	color:#ba9b65;
	font-size:1em;
	background:#EEE;
}

#site{
	width:960px;
	height:667px;
	margin-top:29px;
	border:2px #CCC solid;
	/margin-top:14px; /* pour IE6 et IE7 */
	background:#FFF;
}

/* EOLIENNE  */
	
	#eolienne{
		width:305px;
		float:left;
		margin:20px 0 0 20px;
	}
	
	#accueil{
		background:url("images/design/presentation.jpg") no-repeat;
		width:144px;
		height:100px;
		float:left;
	}
	
	#spectacles{
		background:url("images/design/spectacles.jpg") no-repeat;
		width:160px;
		height:100px;
		float:left;
	}
	
	#contacts{
		background:url("images/design/contacts.jpg") no-repeat;
		width:144px;
		height:83px;
		float:left;
	}
	
	#agenda{
		background:url("images/design/agenda.jpg") no-repeat;
		width:160px;
		height:83px;
		float:left;
	}
	
	#eol1{
		background:url("images/design/eol1.jpg") no-repeat;
		width:126px;
		height:57px;
		float:left;
	}
	
	#partenaires{
		background:url("images/design/partenaires.jpg") no-repeat;
		width:178px;
		height:57px;
		float:left;
	}
	
	#eol2{
		background:url("images/design/eol2.jpg") no-repeat;
		width:187px;
		height:236px;
		float:left;
		margin-left:43px;
	}
	
	#eol3{
		background:url("images/design/eol3.jpg") repeat-y;
		width:187px;
		height:96px;
		float:left;
		margin-left:43px;
	}
	
	#eol4{
		background:url("images/design/eol4.jpg") no-repeat;
		width:187px;
		height:75px;
		float:left;
		margin-left:43px;
	}

/* RESTE DU DESIGN */
	
	#titre{
		margin:25px 30px 0 0;
		border:0;
		text-decoration:none;
	}
	
	#contenu {
	width: 585px;
	height: 440px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	text-align: justify;
	padding-right:20px;
	font-size:1em;
	float:left;
	}
	
	#titrepage{
	margin-left:105px;
	}

	
	#galerie{
	height: 125px;
	width: 580px;
	overflow-x: auto;
	overflow-y: hidden; 
	white-space:nowrap;
	}

	
/* DECO */
	
	.titre1{
	color:#b5d858;
	font-size:1.8em;
	font-weight:bold;
	font-family:arial;
	}
	
	.titre2{
	color:#d6ddc4;
	font-size:1.8em;
	font-weight:bold;
	font-family:arial;
	}
	
	p{
	text-indent:40px;
	}
	
	
	textarea, .cadre{
	background-color:#f8f8f8;
	border : 1px #EEE solid;
	color: #a4b075;
	padding:10px;
	width:550px;
	height:280px;
	font-family:"myriad pro", arial; 
	font-size:0.9em;
	}
	
	input[type=text], input[type=submit]{
	background-color:#f8f8f8;
	border : 1px #EEE solid;
	color: #a4b075;
	padding:3px;
	font-family:"myriad pro", arial; 
	font-size:0.9em;
	}
	
	input.parcourir{
	background-color:#fff;
	border : 1px #EEE solid;
	}
	
	input[type=submit]:hover{
	background-color:#ececec;
	border : 1px #DDD solid;
	}
	
	a{
	text-decoration:none;
	color:#b5d858;
	}
	
	a:hover{
	text-decoration:none;
	color:#9abf39;
	}
	
	td.agenda{
	border:0;
	padding:5px;
	background-color:#efe9dd;
	}
	
	td.spectacles{
	border:0;
	padding:5px;
	background-color:#eedebd;
	}
	
	.vignette{
	opacity: 0.80;	
	filter:alpha(opacity=80);  
	-moz-opacity:0.80;
	border:0;
	padding:3px;
	}
	
	.vignette:hover{
	opacity: 1;	
	filter:alpha(opacity=100);  
	-moz-opacity:1;
	}