body {
	background : #99C;
	color : #666;
	font-family : "Times new roman", Times, serif;
	font-size : 13;
	margin : 0;
	padding : 0;
	align : top;
}

table.all {
	width : 100%;
}

.ghost {
	display 		: none;
}

p {
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	line-height : 120%;
	color : #333;
}

a, a:hover {
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
}

#contents p.sold {
	color : #F74;
	font : bold 14px "Times new roman", Times, serif;
	text-transform : uppercase;
	line-height : 100%;
}



/*-------------
LOGO et PHOTOS
---------------*/

#logo {
	background : #336;
	height : 119px;
}

#banner {
	background : #336 url(../img/background/photo_haas.jpg) repeat-x left top;
	height : 81px;
}



/*-------------
MENUS EN BAS
---------------*/

#menuBottom {
	background : #CCC;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : #336;
	padding : 2px 0;
	text-align : left;
}

#menuBottom a {
	color : #336;
	text-decoration : none;
}

#menuBottom a:hover {
	color : #669;
}

#menuBottom .red {
	color : #669;
}

#language {
	background : #336;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : #FFF;
	padding : 8px;
	text-align : right;
}

#language a {
	color : #FFF;
	text-decoration : none;
}

#language a:hover {
	color : #F93;
}



/*-------------
MENUS DE GAUCHE
---------------*/

/*NIVEAU 1*/

#menuLeft {
	background : #FFF;
	padding : 0 30px 0 18px;
	align : left;
	vertical-align : top;
	width : 200px;
}

#menuLeft h2, #menuLeft h2 a, #menuLeft h2 a.sel {
	font-family : "Times new roman", Times, serif;
	font-size : 12px;
	font-weight : bold;
	color : #666;
	text-transform: uppercase;
	text-decoration : none;
	margin : 18px 0 0 0;
	letter-spacing: 1px;
}

#menuLeft h2 a:hover, #menuLeft h2 a.sel {
	color : #99C;
}

/* Niveau 2 */

#menuLeft h3 {
	font-family : "Times new roman", Times, serif;
	font-size : 11px;
	font-weight : normal;
	color : #666;
	text-transform : uppercase;
	margin : 8px 5px 8px 10px;
	letter-spacing : 1px;
	line-height : 100%;
/*	list-style-position: outside;
	list-style-type: disc;
	display: list-item;*/
}

#menuLeft h3 a, #menuLeft h3 a.sel {
	color : #666;
	text-decoration : none;
}

#menuLeft h3 a:hover, #menuLeft h3 a.sel {
	color : #99C;
}



/*--------
ZONE IMAGE
----------*/

#image {
	background : #FFF;
	align : left;
	vertical-align : top;
	padding : 18px 0;
}

#image a {
	color : #333;
	text-decoration : none;
	font-weight : bold;
}

#image a:hover {
	color : #669;
}

#image p {
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	line-height : 120%;
	color : #333;
	margin-bottom : 0;
}


/*-----------
ZONE CONTENU
-------------*/

#contents {
	background : #FFF;
	text-align: left;
	vertical-align : top;
	padding : 18px 30px;
}



/*Titre des pages en h2 et first*/

#contents h2,
#image h2  {
	font-family : "Times new roman", Times, serif;
	font-size : 17px;
	font-weight : bold;
	color : #336;
	margin-top : 0;
	text-transform: uppercase;
	float : none;
}

#contents .first,
#image .first {
	font-family : "Times new roman", Times, serif;
	font-size : 25px;
	font-weight : bold;
	color : #666;
	text-transform: uppercase;
}


/*texte de la page d'accueil*/
#contents h4 {
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #666;
}

/* sous titre dans about brokerage*/
#contents h5,
#image h5 {
	font-family : "Times new roman", Times, serif;
	text-transform: uppercase;
	font-size : 14px;
	font-weight : bold;
	color : #666;
	margin : 20px 0 0 0;
}

/*paragraphe normal*/
#contents p,
#image p {
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 150%;
	color : #000;
	margin : 0 0 10px 0;
}

/* mention low*/
#contents .low,
#image .low {
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 11px;
	color : #666;
	line-height : 150%;
}

/* mention*/
#contents .more {
	font-size : 12px;
	color : #666;
}

#contents .red,
#image .red  {
	color : #FF9933;
}

#contents img {
	margin : 0 2px 2px 0;
	border : 0px;
}

#contents a {
	color : #333;
	text-decoration : none;
	font-weight : bold;
}

#contents a:hover {
	color : #669;
}


/*-----------
LISTE BATEAUX
-------------*/

#contents div.liste {
	float : left;
	width : 700px;
	height : 330px;
	margin : 0 30px 30px 0;
}

#contents .list,
#image .list {
	font-size : 11px;
	font-weight : normal;
	color : #666;
	text-transform: uppercase;
}

#contents img.list  {
	border : 0;
	float : left;
	margin : 5px 18px 0 0;
}

#contents h3 {
	clear : both;
	margin : 0;
	margin-bottom : 5px;
	border-bottom : solid 1px #999;
	font-family : "Times new roman", Times, serif;
	text-transform: uppercase;
	font-size : 14px;
	font-weight : normal;
	color : #333;
}

#contents h3 a {
	text-decoration : none;
	font-family : "Times new roman", Times, serif;
	text-transform: uppercase;
	font-size : 14px;
	font-weight : normal;
	color : #333;
}

#contents h3 a:hover {
	color : #669;
}

#contents a.information,
#contents a.information:hover {
	background : url(../img/pictos/more.gif) no-repeat left center;
	padding-left : 20px;
	font-size : 11px;
}

#contents a.information:hover {
	background : url(../img/pictos/more_1.gif) no-repeat left center;
}

/*----
DETAIL
------*/

#image h2 {
	margin-bottom : 5px;	
}

#image p {
	margin-top : 10px;
	width 	: 450px;
}

#contents a.back,
#contents a.back:hover {
	background : url(../img/pictos/back.gif) no-repeat left center;
	padding : 3px 0 3px 10px;
	display : block;
	margin : 20px 0 30px 0;
	width : 100px;
	text-align : right;
}

#contents a.back:hover {
	background : url(../img/pictos/back_1.gif) no-repeat left center;
}


#image a.pdf,
#image a.pdf:hover,
#image a.vr,
#image a.vr:hover,
#image a.video,
#image a.video:hover,
#image a.photo_galery,
#image a.photo_galery:hover {
	padding 	: 8px 5px 8px 25px;
	display 	: block;
	margin 		: 0;
	font 		: bold 10px verdana, arial, helvetica,sans-serif;
}

#image a.pdf {
	background : url(../img/pictos/bkg-pdf.gif) no-repeat left center;
}
#image a.pdf:hover {
	color : #FF9933;
	background : url(../img/pictos/bkg-pdf-on.gif) no-repeat left center;
}

#image a.video {
	padding 	: 8px 5px 8px 29px;
	background : url(../img/pictos/bkg-video.gif) no-repeat left center;
}
#image a.video:hover {
	padding 	: 8px 5px 8px 29px;
	color : #FF9933;
	background : url(../img/pictos/bkg-video-on.gif) no-repeat left center;
}

#image a.photo_galery {
	background : url(../img/pictos/bkg-photo.gif) no-repeat left center;
}
#image a.photo_galery:hover {
	color : #FF9933;
	background : url(../img/pictos/bkg-photo-on.gif) no-repeat left center;
}

#image a.vr {
	background : url(../img/pictos/bkg-vr.gif) no-repeat left center;
}
#image a.vr:hover {
	color : #FF9933;
	background : url(../img/pictos/bkg-vr-on.gif) no-repeat left center;
}

#image form input.long, textarea {
	border : solid 1px #666;
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	width : 300px;	
}

#image form td {
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	padding : 5px 10px 5px 0;
}

/*-------
NEWSLETTER
---------*/

#contents a.pdf,
#contents a.pdf:hover {
	padding 	: 8px 5px 8px 25px;
	display 	: block;
	margin 		: 0;
	font 		: bold 10px verdana, arial, helvetica,sans-serif;
}

#contents a.pdf {
	background : url(../img/pictos/bkg-pdf2.gif) no-repeat left center;
}

#contents a.pdf:hover {
	color : #FF9933;
	background : url(../img/pictos/bkg-pdf2-on.gif) no-repeat left center;
}

/*----
FORM
------*/

#contents form input.long,
#contents form textarea,
#image form input.long,
#image form textarea {
	border : solid 1px #666;
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	width : 300px;	
}

#contents td,
#image td {
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	padding : 5px 10px 5px 0;
}


/*-------------
SPECIAL VR
---------------*/
div.vr {
	margin : auto;
	padding : 50px 0 0 0;
	width 	: 100%;
	background : #FFF url(../img/background/bkg-vr.jpg) no-repeat left top;
}

#contents ul {
	margin : 0 0 0 20px;
	padding : 0;
}

#contents ul li {
	font 	: normal 11px Arial, helvetica, sans-serif;
	text-transform : uppercase;
	color : #336;
	margin 	: 3px 0;
}

#contents ul li a {
	color : #336;
}

#contents ul li a:hover,
#contents ul li a.current,
#contents ul li a.current:hover {
	color : #E88030;
}

#qt {
	padding 	: 0;
	background 	: #777;
	text-align  : center;
	vertical-align : center;
	border-left : solid 1px #666;
	border-right : solid 1px #666;
}

#qt p {
	font 		: bold 9px verdana, arial, helvetica;
	color 		: #FFF;
	padding 	: 3px;
	margin 		: 0;
	border-top  : solid 1px #555;
}

#contents p a.full,
#contents p a.full:hover {
	display 		: block;
	background   	: url(../img/pictos/full-screen.gif) no-repeat left top;
	width 			: 141px;
	height 			: 38px;
	margin-top		: 40px;
}

#contents p a.full:hover {
	background   	: url(../img/pictos/full-screen-on.gif) no-repeat left top;
}

#fullMenu {
	background : #336;
	text-align : center;
}

#fullMenu h2 {
	font-family : "Times new roman", Times, serif;
	font-size : 17px;
	font-weight : bold;
	color : #FFF;
	margin-top : 0;
}

#fullMenu a,
#fullMenu a:hover {
	font : normal 10px verdana, arial, helvetica, sans-serif;
	color : #E88030;
}

#fullMenu a:hover {
	color : #FFF;
}