body {
	margin: 0;
	padding: 0;
	/*font: 11px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	background: #99d3eb url(../images/fd.jpg) repeat-y center 0 ;
	color: #ccc;
	text-align: center;
}

p {
	color:#194d78
	}

strong {
	color:#025fac
	}
	
/*redefine*/

::-moz-selection {
	background: #000;
	color: #eee;
}

::selection {
	background: #000;
	color: #eee;
}

h1, h2, h3, h4, p, ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}



/*shared*/

span.clr {
	display: block;
	clear: both;
}



/*content*/

#container {
	position: relative;
	/*z-index: 1000;*/
	width: 800px;
	padding: 0px 0px 0 0;
	/*border-right: 1px solid #1c1c1c;*/
	background: #fff;
	margin: auto;
	text-align: left;
}

.title {
	width: 800px;
	height:250px;
	padding-bottom: 0px;
	background:url(../images/gometrologie.jpg) top left no-repeat #FFF;
	}


.thumbnailContainer {
	width: 800px;
	margin-top: 10px;
	display: none;
	height: auto;
	overflow: auto;
}

.thumbnailContainer .clipper  { margin: 0 0 0 }

.thumbnailContainer .cont {
	padding: 15px;
}
.thumbnailContainer .horizontal {
	border: 1px solid #ccc;
	width: 110px;
	height: 100px;
	padding: 20px 0 0 10px;
	margin: 5px;
	float: left;
	cursor: pointer;
}

.thumbnailContainer .vertical   { text-align: center; cursor: pointer; margin: 5px; padding: 5px; width: 110px; height: 145px; float: left; border: solid 1px #ccc }

.thumbnailContainer img  { margin-bottom: 8px }

.thumbnailContainer a  { color: #666666; font-weight: bold; text-decoration: none; text-align: left }

.thumbnailContainer a:hover {
	color: #ccc;
	text-decoration: none;
}

#nature{
 overflow:visible;
}

#footer {
	font-size: 10px;
	width: 800px;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10p;
	text-align: right;
}
/**/
a {
	color: #ccc;
	text-decoration: none;
}

a:hover {
	color: #999999;
	text-decoration: none;
}

.left  { margin-right: 15px; float: left }

.right {
	float: right;
}

#images {
	display: none;
}
.contcat { margin-top: 15px; padding: 15px; border-top: 1px solid #ccc }
.ritrait2 { margin-left: 435px }
.ritrait { margin-left: 145px }
.contdeb { margin: 0; padding: 12px 0 0 10px; border-top: 1px solid #ccc }
.contdeb .debit  { color: #fff; font-size: 12px; font-style: italic; font-weight: bold; background-color: #99d3eb; margin: 0; padding: 5px; width: 100px }
.contdec { margin: 0; padding: 12px 0 0 0; border-top: 1px solid #ccc }
.comment { color: #438ac5; font-style: italic }
input  { margin-top:5px }