body {
	font-size:12px;
	font-family:Arial;
	background: url("img/fond_rayures.gif");
}

p.cri {
	color : CC00AA;
}

span.cri {
	color : CC00AA;
}

div#menuCol {
	float: left;
	width : 165px;
}

div#menuCol h1 {
	display:block;
	color : 337733;
	font-size:24px;
	font-weight: bold;
	text-decoration: none;
 	padding: 2px;
 	margin:0px;
 	text-align: center;
}

div#menuCol h2 {
	display:block;
	color : 337733;
	font-size:14px;
	text-decoration: none;
 	padding: 0px;
 	margin:0px;
 	text-align: center;
}

div.menu {
	background-color: #99FF99;
 	border-style: solid;
 	border-color: #337733;
 	padding: 1px;
}

div.menu a {
	display:block;
	text-decoration: none;
 	padding: 2px;
}

div#menuCol div.menu h1 {
	display:block;
	color : white;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	background-color: #337733;
 	padding: 2px;
 	margin:0px;
 	text-align: left;
}

div#page {
	margin-left : 173px;
	background-color: #9999FF;
 	border-style: solid;
 	border-color: #333377;
 	padding: 10px;
}

div#page h1 {
	color : #333377;
	font-size:22px;
	font-weight: bold;
 	margin-bottom: 20px;
}
div#page h2 {
	color : #333377;
	font-size:16px;
	font-weight: bold;
}
div#page h3 {
	color : #333377;
	font-size:14px;
	font-weight: bold;
}

table.periple_nav {
	background-color: #9999FF;

}

table.periple_nav a {
	color : #333377;
	font-size:12px;
	text-decoration: none;
}

table {
	background-color: white;
	padding : 4px;
}

td.commentaires {
	vertical-align: top;
	width:45%;
}

td.photos {
	vertical-align: top;
	text-align: center;
	
}

div#photo_holder {
	position: absolute;
	text-align: center;
	margin-top:10%;
	margin-left: 10%;
	margin-right: 10%;
	z-index : 10;
	background-color: #333333;
	border-style: solid;
 	border-color: #444444;
 	position: absolute;
 	width:80%;
 	padding: 10px;
 	display:none;
}