/* HP only : styles seulement pour la page d'accueil du site */

#wrapper {
	background: #4A88BB;
}

body#page-home #content {
	background: #fff url('../style/images/fonds/HP.jpg') no-repeat -200px 0;
}	

#intro-message {	
	float: left;
	min-height: 400px;
	_height: 400px;
	width: 380px;	
	padding-top: 45px;
	padding-left: 60px;	
}
	
	#intro-message p,
	#intro-message h3 {
		margin-top: 15px;
		margin-left: 85px;
	}
	
	#intro-message h2 a {
	  text-decoration: none;
	}

/* bloc des actus + anim bulles */
#actualites-anim {
  position: relative;
	float: left;
	width: 430px;
	color: #fff;
	margin-left: 120px;
}

/* bloc de l'anim flash */
#anim {
	height: 375px;
}

/* bloc des actus défilantes */
#actualites {
  position: relative;
  border-style : solid;
  border-width:1px;
	margin-right: 10px;
	clear: both;
	z-index: 3;
	_height: 75px;
	overflow: hidden;
	margin-bottom: 10px;
}
	#actualites h2 {		
		text-transform: uppercase;
		font-size: 1.8em;
		font-weight: bold;
		padding-left: 13px;
		width: 200px;
		float: left;
	}	
	#actualites h2 a {
	  color: #fff;
	  text-decoration: none;
	  font-weight: bold;
	}
	#actualites p.stopAnim {		
		float: right;
	}
	#actualites ul {
		background: #71a4ce;
		padding: 10px 5px 0 10px;
		min-height: 40px;
		_height: 40px;
		border: 1px solid #71a4ce;
		clear: both;
		overflow: hidden;
	}
	#actualites ul li {
		display: none;
		position: relative;
		z-index: 2;
	}
	#actualites ul li.first {
	  display: block;
	}
	#actualites ul li p {
		font-size: 1.1em;
	}
	#actualites ul li a {
		color: #fff;
	}