/*	--------
	HOME.CSS
	--------	*/

html {
}

.tdTrois {
	background: #565656 url(fond-col3-degrade-home-2.gif) repeat-y left top;
	
}

#adresse {
	background-color: #666;
}

#menu {padding-top: 0}
	

#une img, #deux img {display: none;} 

#une {
	width: 660px;
	height: 680px;
	background: transparent url(fond-une.gif) no-repeat left top;
	margin-left: 15px;
	position: relative;
}


#une h2 {
	position: absolute;
	padding: 0;
	margin: 0;
	width: 620px;
	height: 640px;	
	left: 20px;
	top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}

#une h2 a {
	display: block;
	width: 620px;
	height: 640px;	
}

#une h2 a big {
	display: block;
	background: transparent url(fond-une-titre.png) repeat;
	font-size: 45px;
	padding: 15px 10px 0 10px;
}
#une h2 a em {
	display: block;
	background: transparent url(fond-une-titre.png) repeat;
	font-size: 14px;
	line-height: 18px;
	color: #c3c3c3;
	font-style: normal;
	text-transform: none;
	padding: 10px 10px 5px 10px;
	position: absolute;
	bottom: 0;
	width: 600px;
}


/*ul li h3 p img */


#deux {
	background: #666 url(fond-col3-degrade.gif) repeat-y left top;
}

#deux ul {
	padding: 15px 0;
	margin: 0;
}

#deux ul li,
#deux ul li h3,
#deux ul li h3 a {
	width: 230px;
	height: 130px;
	padding: 0;
	margin:0;
}

#deux ul li {
	margin-bottom: -8px;
}

#deux ul li h3 {
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}


#deux ul li h3 a {
	background: transparent url(fond-deux.gif) no-repeat left -130px;
	display: block;
	padding: 0;
	margin: 0;
}

#deux ul li h3 a:hover {
	color: #791d0e;
	background-position: left bottom;
}

#deux ul li h3 a.itemTrois {
	background: transparent url(fond-deux-troisieme.gif) no-repeat left -130px;
}

#deux ul li h3 a.itemTrois:hover {
	background-position: left bottom;
}



#deux ul li h3 a em {
	position: absolute;
	background: transparent url(fond-deux-titre.png) repeat;
	display: block;
	padding: 15px 5px 5px 5px;
	width: 183px;
	left: 9px;
	bottom: 16px;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
}




#trois {
	background: #565656 url(fond-niveau3.gif) repeat-x left top;
}

#trois ul {
	background: transparent url(fond-niveau3-coin.gif) no-repeat left top;
	padding: 30px 0 0 0;
	margin: 0;
}

#trois ul li {
	padding: 0;
	width: auto;
	height: auto;
	margin: 0;
}

#trois ul li a {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 5px 5px 5px 30px;
	background: none;
	width: auto;
	height: auto;
}

#trois ul li a:hover {
	color: #000;
}





#quatre {
	background: transparent;
	height: auto;
}

#quatre ul {
	background: transparent;
	padding: 20px 25px;
	margin: 0;
	width: 100%;
}

#quatre ul li {
	line-height:16px;
	padding:0 20px 20px 0;
	text-decoration:none;
	text-transform:uppercase;
	width:300px;
	float: left;	
}

#quatre ul li h5 a {
	font-size: 11px;
	color:#222;
	display: block;
}

#quatre ul li h5 a:hover,
#quatre ul li p a:hover {
	color: #000;
}

#quatre ul li p {
	padding: 0;
}

#quatre ul li p a {
	font-size:11px;
	line-height:14px;
	padding:0;
	text-decoration:none;
	text-transform:none;
	width:auto;
	color: #ccc;
	display: block;
}