/* -------------------------------------------------------------- 
   * Resets default browser CSS.
 -------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
   * CHRISTOPHE CARTIER CSS.
 -------------------------------------------------------------- */

/* --------------------MAIN-------------------------------- */
body{
	background-color:#fff;
	color:#333;
	font-family:Arial, sans-serif;
	font-size:12px;
}
a {
	text-decoration: none;
	outline:none;
	color:#333;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
h1{
	text-align:center;
	font-size:24px;
	color:#999;
	font-weight:bold;
}
/* --------------------TOOLS-------------------------------- */
.wrapper{
	margin: 0 auto;
	position: relative;
	width: 960px;
}
.clear{
	clear:both;
}

/* --------------------HEADER-------------------------------- */
#header {
	overflow: hidden;
	margin-top:20px;
}

/* --------------------CONTENT-------------------------------- */
#content{
	margin-top:20px;
	font-size:10px;
}
#content .center{
	text-align:center;
}
#content .blockleft{
	float:left;
	width:460px;
	margin-right:40px;
}
#content .blockright{
	float:left;
	width:460px;
}
#content p.right{
	text-align:right;
}
#content p.contact{
	font-size: 12px;
}
#content p.contact_text{
	font-size: 11px;
	line-height:1.3;
}
#content h2{
	font-size: 12px;
	font-weight: bold;
}
#content h3{
	font-size: 12px;
	text-align: center;
	letter-spacing: 3px;
}
/* --------------------TABLE-------------------------------- */
table{
	margin:0 auto;
}
table th,table td{
	padding:0px 15px 0px 15px;
}
table.thumbs td{
	text-align:center;
	vertical-align:bottom;
}
table.thumbs td img{
	margin:0 auto;
}

/* --------------------FOOTER-------------------------------- */
#footer {
	border-top: 1px solid #999;
	overflow:hidden;
	padding: 3px 0 3px;
	margin-top:20px;
	text-align:right;
	color:#999999;
}

/* --------------------MENU-------------------------------- */
#menu {
	border-bottom: 1px solid #999;
	height: 40px;
	position: relative;
	z-index: 999;
}
	#menu ul {
		float: left;
		list-style: none;
		margin: 5px 0 0 0;
		position: relative;
		z-index: 999;
	}
		#menu li {
			float: left;
			margin: 5px 25px 5px 25px;
			position: relative;
		}
			#menu li:first-child {
				margin-left:28px;
			}
			#menu li a {
				color: #999;
				display: block;
				font-size: 16px;
				font-weight: bold;
				height: 20px;
				text-decoration: none;
			}
			#menu li.active a, #menu li a:hover, #menu li.hover a {
				color: #000;
				display: block;
			}

/* --------------------EXPO-------------------------------- */
.expo{
	font-size: 12px;
	background-color: #999999;
	color: #ffffff;
	padding: 5px;
}
.expo2{
	font-size: 12px;
	text-align: left;
}
.expotitle{
	font-size: 16px;
	/*font-weight: bold;*/
}
.expotitle2{
	font-size: 14px;
	font-weight: bold;
}