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

body{
		margin:0px;
		padding:0px;
		width:100%;
		background:url('../images/background.gif') repeat-x top left #FFF;
	}	
	#main{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:920px;
	}
	*{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	img#panneau{
		position:absolute;
		top:65px;
		right:35px;
	}
	h1, h2, h3{
		padding:0px;
		margin:0px;
	}
	div#title_pane{
		position:absolute;
		top:240px;
		left:40px;
		background:url('../images/h1.png') bottom left no-repeat;
		width:500px;
	}
	h1{
		font-weight:normal;
		font-size:30px;
	}
	h2{
		font-weight:normal;
		font-size:22px;
		color:#7fa905;
		margin-bottom:5px;
		margin-top:10px;
	}
	p, li, td{
		font-size:13px;	
		color:#555;
	}
	li{
		margin-bottom:10px;	
	}
	b, strong{
		color:#333;
	}
	.txt-11{font-size:11px;	}
	.txt-12{font-size:12px;	}
	.txt-13{font-size:13px;	}
	.txt-22{font-size:22px;	}
	.grey{
		color:#999;
	}
	.green{
		color:#7fa905;
	}
	div#undertitle_pane{
		position:absolute;
		top:270px;
		left:100px;
	}
	div#right_pane{
		position:absolute;
		top:265px;
		right:62px;
		width:231px;
	}
	div#right_pane a{
		float:left;
		width:202px;
		padding:8px;
		text-indent:10px;
		color:#111;
		margin-bottom:1px;
		font-size:10px;
		text-transform:uppercase;
		text-decoration:none;
		padding-left:20px;
		font-weight:bold;
		background:url('../images/menu.gif') no-repeat #fff;
		background-position:0px 0px;
	}
	div#right_pane a:hover{
		font-weight:bold;
		color:#111;
	}
	
	div#right_pane a.active{
		background:#aaa;
		font-weight:bold;
		color:#fff;
		text-shadow: 2px 2px 2px #555;
	}
	
	div.cadre{
		width:564px;
		background:url('../images/cadre-top.jpg') no-repeat top left;	
		margin-bottom:3px;
	}
	div.cadre div.cadre-bottom{
		width:100%;
		overflow:auto;
		background:url('/resources/images/cadre-bottom.jpg') no-repeat bottom left;
		padding-bottom:20px;
	}
	div.cadre img{
		float:left;
		margin:10px;
	}
	div.cadre h3{
		font-weight:normal;
		font-size:20px;
		color:#5f554d;
		margin-top:10px;
		margin-bottom:3px;
	}
	div.cadre p.info{
		margin:0px;
		font-size:11px;
		color:#766e68;
		font-style:italic;
	}
	div.cadre div.content{
		float:left;
		width:400px;
		overflow:auto;
	}
	div.cadre .prix{
		margin-top:10px;
		margin-left:30px;
		width:370px;
		border-top:1px solid #ddd;
	}
	div.cadre .prix td{
		border-bottom:1px solid #ddd;
		padding:3px;
	}
	
	#copyright{
		margin-top:10px;
		font-size:10px;
		color:#aaa;
		text-align:center;
	}
	
	.classement td{
		border-bottom:#ddd 1px solid;
		background:#f4f4f4;
		font-size:11px;
	}
	.classement th{
		border-bottom:#111 1px solid;
		color:#aaa;
		font-size:11px;
	}
	.classement{
	}
	.alternate td{
		background:#fff;	
	}
	.top td{
		font-weight:bold;
		color:#111;
		background:#e1f487;
		border-bottom:#fff 1px solid;
	}
	
	a.galerie{
		padding:2px;
		float:left;
		margin:3px;
		filter:alpha(opacity=80);
		opacity:0.8;
		background:#FFF;
	}
	a.galerie img{
		border:0px;
		margin:0px;
	}
	a.galerie:link, a.galerie:visited, a.galerie:active{
		background:transparent;
	}
	a.galerie:hover{
		background:#87cc25;
		filter:alpha(opacity=100);
		opacity:1;
	}
	
	a.page{
		text-decoration:none;
		font-size:10px;
		color:#555;
		padding:2px;
	}
	a.activePage{
		background:#ddd;	
		color:#555;
	}
	a.page:hover{
		background:#111;	
		color:#fff;
	}