@charset "utf-8";
/* CSS Document */

@media screen {
	#contenu {
		background: url(../images/fond-atouts.jpg);
	}
	
	ul#menu_atouts {
		position: relative;
		margin: 0;
		padding: 0;
	}
	ul#menu_atouts ul {
		position: absolute;
		top: 0;
		left: 260px;
		display: block;
		margin: 0;
		padding: 0;
	}
	ul#menu_atouts li {
		position:relative;
		display: block;
		list-style: none;
		padding: 0 20px;
		width: 880px;
		height: 69px;
		line-height: 69px;
		cursor: pointer;
	}
	ul#menu_atouts li.actif {
		background: url(../images/85pourcent.png);
	}
	ul#menu_atouts ul li {
		display: block;
		font-size: 1.2em;
		line-height:normal;
		padding: 28px 0 0 0;
		width: 460px;
		height: 41px;
		border: none;
	}
	ul#menu_atouts ul li.vilainpetitcanard {
		padding: 13px 0 0 0;
		height: 46px;
	}
	ul#menu_atouts ul li:hover {
		background: none;
	}
	ul#menu_atouts span {
		position: relative;
		display: block;
		font-size: 1.4em;
		font-weight: bold;
		color: #5e3114;
	}
	
	
	ul#menu_atouts li#plusplanete {
		position: absolute;
		display: block;
		right: 2px;
		bottom: 3px;
		padding: 0;
		width: 185px;
		height: 140px;
		line-height: normal;
	}
	ul#menu_atouts li#plusplanete span {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		margin: 0;
		padding: 5px 5px 5px 30px;
		width: 150px;
		font-size: 1.2em;
		font-weight: bold;
		color: #7fb952;
		background: url(../images/picto-vert.png) no-repeat left center;
	}
	ul#menu_atouts li#plusplanete ul {
		position: relative;
		top: auto;
		left: auto;
		margin: 0;
		padding: 0;
	}
	ul#menu_atouts li#plusplanete ul li {
		position: relative;
		display: block;
		font-size: 1.1em;
		line-height:normal;
		padding: 5px;
		width: 175px;
		height: auto;
		border: none;
	}
}
@media print {
}