/* Kit graphique réalisé par Lunthear */
/* http://www.lunthear.com */
/* Nom du kit graphique : pilecity */

body {
	width: 100%;
	background: url('images/bg.jpg') repeat-x top;
	margin: 0 auto;
}

div#head {
	width: 737px;
	height: 153px;
	margin: 0 auto;
	background: url('images/head.jpg') no-repeat;
}

div#head ul.menu {
	width: 100%;
	margin: 0 auto;
	padding: 125px 0 0 100px;
}

div#head ul.menu li {
	display: inline;
	margin: 0 8px 0 8px;
	font: normal 12px "Trebuchet MS";
	color: #000;
}

div#head ul.menu li a {
	color: #000;
	text-decoration: underline;
}

div#head ul.menu li a:hover {
	color: #666;
	text-decoration: underline;
}

div#content {
	width: 737px;
	margin: 0 auto;
	padding: 0;
}

div#content div.lefter {
	width: 170px;
	background: #5c5c5c;
	float: left;
	padding: 0 0 20px 0;
}

div#content div.lefter h1 {
	width: 170px;
	background: url('images/h1.jpg') no-repeat;
	height: 30px;
	font: bold italic 21px "Arial Narrow", Arial;
	color: #fff;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

div#content div.lefter ul.divers {
	margin: 0 auto;
	padding: 0 0 8px 12px;
	list-style-type: none;
}

div#content div.lefter ul.listcentrer { text-align: center; list-style-type: none; padding: 0; margin: 0; }

div#content div.lefter ul li {
	font: normal 12px "Trebuchet MS";
	color: #eddb9b;
}

div#content div.lefter ul.divers li:before {
	content: "- ";
}

div#content div.lefter ul li a {
	color: #eddb9b;
	text-decoration: underline;
}

div#content div.lefter ul li a:hover {
	color: #38b8dd;
	text-decoration: underline;
}

div#content div.righter {
	width: 550px;
	float: right;
}

div#content div.righter h1 {
	width: 534px;
	padding: 8px;
	background: #f0f0f0;
	margin: 8px 0 10px 0;
	font: normal 18px "Trebuchet MS";
	color: #3ebade;
	display: block;
}

div#content div.righter p, div#content div.righter ul {
	font: normal 12px "Trebuchet MS";
	color: #222;
}

div#content div.righter div.photos {
	width: 550px;
	margin: 20px 0 10px 0;
}

div#content div.righter div.photos img {
	margin: 0;
	padding: 0;
}

div#content div.righter div.photos div.pictures {
	width: 536px;
	border: 2px solid #e8e36b;
	background: #f4f3e1;
	padding: 8px;
	text-align: center;
}

div#content div.righter div.photos div.pictures img {
	margin: 0 8px 0 8px;
}

div#foot {
	clear: both;
	width: 100%;
	text-align: center;
	height: 29px;
	padding: 10px 0 0 0;
	background: url('images/foot.jpg') repeat-x;
	font: normal 12px "Trebuchet MS";
	color: #000;
}

div#foot p {
	margin: 0;
	padding: 0;
}

div#foot p a, div#foot p a:hover, div#content div.righter a, div#content div.righter a:hover {
	color: #000;
	text-decoration: underline;
}



a img { border: 0; }