/*----- Éléments généraux -----*/

body {
	behavior: url(includes/js/csshover.htc);
	background: #37889d;
	color: #010607;
	text-align: center;
	margin: 0 0 5px; }

html>body {
	margin-bottom: 0; }

body.contentpane {
	background: #c3d2df; }

table {
	border-spacing: 0;
	border-collapse: collapse; }

tr, td {
	border: none;
	margin: 0;
	vertical-align: top;
	text-align: left; }

.table tr, .table td {
	padding: 0; }

ul {
	margin: 0;
	padding: 0;
	list-style: none; }

li {
	line-height: 20px;
	padding-left: 12px;
	padding-top: 0px;
	background: url(../images/bullet.png) no-repeat 0px 3px; }

h3 {
	font-size: 15px; }

hr {
	color: #57757d;
	height: 2px;
	border: none; }

form {
	padding: 0;
	margin: 0; }

.message {
	background: #bd1849;
	color: #c3d2df;
	font-weight: bold;
	padding: 15px;
	margin: 10px 0;
	border: 1px solid #000000;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px; }


/*----- Liens -----*/

a:link, a:visited, a:hover {
	font-family: Arial;
	color: #010607;
	text-decoration: none; }

.classic {}
.classicLink {}
a.classic:link, a.classic:visited, a.classic:hover,
.classicLink a:link, .classicLink a:visited, .classicLink a:hover {
	color: #0000ee !important;
	text-decoration: underline !important; }

a.classic:hover, .classicLink a:hover {
	color: #00007f !important; }

#mainBody .contentpaneopen a:hover, a.link:hover {
	color: #57757d; }

.lnkSPPLUS img { border: none !important; }
.lnkSPPLUS a:link, .lnkSPPLUS a:visited, .lnkSPPLUS a:hover {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-decoration: none !important;
	color: #c3d2df !important; }


/*----- Containers -----*/

#container {
	width: 778px;
	background: #c3d2df;
	border: none;
	text-align: center;
	margin: 5px auto;
	padding: 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px; }

#containerTable {
	margin: 0;
	padding: 0;
	text-align: left; }

#mainBody {
	height: 280px;
	min-height: 280px;
	padding: 16px 16px 22px 10px; }

html>body #mainBody {
	height: auto; }

#mainLeftModule {
	height: 270px;
	min-height: 270px; }

html>body #mainLeftModule {
	height: auto; }

.contentpaneopen {
	text-align: justify; }

#mainLeftModule table.moduletable {
	margin-bottom: 22px; }


/*----- Bandeau de haut de page -----*/

#top img, #top a:link, #top a:visited, #top a:hover, .moduletable_logow div {
	border: none;
	padding: 0;
	margin: 0; }

#topLogo {
	background: url(../images/logo_section.png) no-repeat 12px 8px;
	padding: 0;
	margin: 0; }

#topLogoDiv {
	width: 216px;
	padding: 8px 0 0;
	margin: 0; }

.moduletable_logow {
	text-align: right;
	margin: 0 0 0 auto;
	padding: 8px 16px 0 0; }

.moduletable_logow a {
	display: block; }

.moduletable_sloganw {
	text-align: center;
	margin: 0 auto;
	padding: 0; }

#topBandeau {
	padding: 0 9px 3px 4px; }

#topBandeau .moduletable {
	border: none;
	margin: 0;
	padding: 0; }


/*----- Menu de gauche -----*/

#leftColumn {
	padding: 0; }

#leftColumnHeader, #leftColumnMiddle, #leftColumnFooter {
	text-align: left;
	vertical-align: top;
	width: 216px;
	padding: 0; }

#leftColumnHeader {
	background: url(../images/module_top_graphic.png) no-repeat 12px 3px;
	height: 8px; }

#leftColumnMiddle {
	background: url(../images/module_middle_graphic.png) repeat-y 12px 0;
	padding: 12px 7px 5px 12px; }

#leftColumnFooter {
	background: url(../images/module_footer_graphic.png) no-repeat 12px 0;
	height: 10px; }

#leftColumnMiddle table.moduletable td {
	margin: 0;
	padding-left: 10px; }

#leftColumnMiddle table.moduletable td table td {
	padding: 0; }


/*----- Sélection de bateaux sous le menu de gauche -----*/

#hottestProp {
	text-align: center;
	margin: 0; }

#hottestProp table {
	width: 100%; }

#hottestProp .moduletable {
	margin: 0 0 10px; }

#hottestProp .moduletable a {
	color: #57757d;
	/*font-weight: bold;*/ }

#hottestProp .moduletable td {
	text-align: center;
	padding-left: 0; }

#hottestProp .moduletable img {
	margin-top: 6px;
	border: 2px solid #ffffff; }

#hottestProp .HPH_img_captions {
	text-align: center;
	margin: 0 auto;
	width: 75%; }


/*----- Caddie dans le menu de gauche -----*/

.moduletable_cadd {
	background: #37889d;
	padding: 0 0 10px;
	margin: 2px 0 5px 12px;
	width: 198px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px; }

.moduletable_cadd h3 {
	color: #c3d2df;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0; }

.moduletable_cadd table { width: 100%; padding: 0; margin: 0; }
.moduletable_cadd tr { padding: 0; margin: 0; }
.moduletable_cadd td { padding: 0 10px; margin: 0; color: #f7f7e7; }

.moduletable_cadd td.basket_short { padding: 12px 10px; }
.moduletable_cadd td.basket_link { text-align: center; }

.moduletable_cadd a:link, .moduletable_cadd a:visited {
	color: #00007f;
	text-decoration: underline;
	font-size: 11px;
	padding: 5px 0px;
	margin: 0 auto; }

.moduletable_cadd a:hover { color: #000000; text-decoration: none; }

.moduletable_cadd br { display: none; }


/*----- Menu (et sous menu) du footer -----*/

#footer, #footer td {
	padding: 0;
	margin: 0; }

#footer td {
	height: 10px !important;
	line-height: 10px !important;
	vertical-align: bottom;
	text-align: center; }

#menuBas {
	text-align: center;
	padding: 0;
	margin: 0; }

#menuBas div {
	width: 95%;
	margin: 0 auto;
	border-top: 1px dotted #57757d; }

#menuBas .moduletable {
	padding: 0;
	margin: 0; }

#menuBas .moduletable td {
	padding: 3px 0;
	margin: 0; }

#menuBasMain dd, #sousmenuBasMain dt {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	visibility: hidden !important;
	display: none !important;
	height: 0px !important;
	width: 0px !important; }

#sousmenuBasMain {
	margin: 15px 0 5px; }

#sousmenuBasMain li {
	display: inline;
	padding: 0 0 0 12px;
	margin: 0 15px 0 5px;
	background: url(../images/bullet.png) no-repeat 0px 0px; }

#menuBasMain { text-align: center !important; }
#menuBasMain dt { float: none !important; display: inline !important; }

#menuBas a.menuBasMain:link, #menuBas a.menuBasMain:visited, #menuBas a.sousmenuBasMain:link, #menuBas a.sousmenuBasMain:visited {
	display: inline;
	vertical-align: middle;
	font-size: 10px;
	color: #010607;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 10px !important;
	line-height: normal;
	width: auto;
	white-space: nowrap;
	text-decoration: none;
	border: none; }

#menuBas a.menuBasMain:hover, #menuBas a.sousmenuBasMain:hover,
#active_menumenuBasMain:hover, #active_menusousmenuBasMain:hover {
	color: #57757d !important;
	text-decoration: none !important;
	height: 10px !important;
	border: none !important; }


/*----- Pagination des articles -----*/

.pagenavcounter {
	position: absolute;
	visibility: hidden;
	height: 0px;
	width: 0px; }

.pagenavbar {
	width: 100%;
	text-align: center;
	margin: 20px auto 10px;
	padding: 5px 0 0; }

.pagenav {
	border: none;
	padding: 0 2px;
	font-size: 11px;
	font-weight: normal; }


/*----- Divers -----*/

.visible {
	position: static;
	visibility: visible;
	display: inherit; }

.hidden {
	position: absolute;
	visibility: hidden;
	display: none; }

.contentFirstLetter {
	color: #bd1849;
	font-size: 18px;
	line-height: 18px;
	font-weight: bolder;
	text-align: justify;
	padding-left: 50px; }

.back_button {
	width: 100%;
	text-align: center;
	margin: 20px auto 10px; }

.back_button a:hover {
	color: #57757d;
	text-decoration: none; }

.mypathway {
	padding-left: 3px;
	padding-bottom: 3px; }

.componentheading, .componentheading_part {
	height: 20px;
	line-height: 20px;
	color: #c3d2df;
	background: #37889d;
	border: 1px solid #37889d;
	margin: 10px 0 20px;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	font: 15px Arial;
	font-weight: bolder !important; }

div.HP_subtitle  {
	font-size: 12px;
	font-weight: bold;
	color: #57757d;
	background-color: #f7f7e7;
	margin-bottom: 0px;
	text-align: left;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #ffffff; }

a.toclink:link, a.toclink:visited {
	line-height: normal;
	font: 11px Arial;
	color: #010607;
	text-decoration: underline; }

a.toclink:hover {
	text-decoration: none; }

table.contenttoc {
	border: 1px solid #ffffff;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px; }

table.contenttoc th {
	background: #e1decf;
	color: #c60829;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font: 11px bold;
	text-transform: uppercase; }

.button, .contactFormSubmit input {
	background: #57757d;
	color: #ffffff !important;
	border: none;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	font: 11px Arial, Helvetica, Sans Serif;
	text-align: center; }

html>body .button, html>body .contactFormSubmit input {
	padding-left: 5px;
	padding-right: 5px; }

td.sectiontableheader, tr.sectiontableheader th, tr.sectiontableheader td {
	background: #57757d;
	color: #f7f7e7;
	white-space: nowrap;
	height: 18px;
	padding: 1px 7px 1px 3px;
	font-weight: bold; }

table.contentpane td, table.contentpane_part td {
	padding-top: 1px;
	padding-bottom: 2px;
	font-size: 12px; }

table.contentpane td.contentdescription, table.contentpane_part td.contentdescription_part {
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 20px; }

table.contentpane td.componentheading {
	height: 20px;
	color: #c3d2df;
	background: #37889d;
	border: 1px solid #37889d;
	text-align: left;
	padding-bottom: 3px;
	padding-left: 3px;
	white-space: nowrap;
	font: 14px bold Arial; }

table.contentpane td.sectiontableentry1, table.contentpane td.sectiontableentry2 {
	padding: 1px 7px 1px 3px;
	white-space: nowrap; }

table.contentpaneopen {
	width: 100%; }

table.contentpaneopen td {
	font-size: 12px;
	line-height: 18px;
	padding: 0; }

table.contentpaneopen td.contentheading, h1.pagecontentheading, span.pagecontentheading {
	height: 20px;
	color: #c3d2df;
	background: #37889d;
	border: 1px solid #37889d;
	text-align: center;
	white-space: nowrap;
	padding: 0;
	font-weight: bold !important;
	font: 15px Arial; }

span.pagecontentheading {
	display: block;
	width: 100%;
	/*height: auto;*/ }

h1.pagecontentheading, span.pagecontentheading {
	margin-top: 10px;
	font-weight: bold; }

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #010607;
	text-align: left;
	padding-left: 3px;
	padding-top: 5px;
	height: 25px;
	line-height: 25px;
	width: 165px;
	text-decoration: none;
	border: none;
	border-bottom: 1px dotted #adaa9c; }

html>body a.mainlevel:link, html>body a.mainlevel:visited {
	padding-top: 7px;
	height: 21px;
	line-height: 21px; }

a.mainlevel:hover {
	text-decoration: none;
	color: #57757d;
	border-bottom-color: #57757d; }

a.sublevel:link, a.sublevel:visited {
	font-size: 10px;
	color: #010607;
	text-align: left;
	text-decoration: underline;
	vertical-align: middle; }

a.sublevel:hover {
	text-decoration: none; }

table.moduletable {
	width: 100%; }

table.moduletable th {
	background: #e1decf;
	color: #c60829;
	text-align: left;
	vertical-align: middle;
	padding-left: 16px;
	height: 25px;
	font: 12px bold; }

table.moduletable td {
	margin-top: 12px;
	padding-left: 7px;
	font: 11px normal;
	margin: 10px; }

td {
	font: 11px Arial;
	color: #3c3032; }

.mymainbody {
	width: 577px;
	padding: 0 7px; }
	
.inputbox {
	font: 12px Verdana;
	border: 1px solid #adaa9c;
	background: #f7f7e7; }


/*----- Sélection de la langue -----*/

#mainBodyHeader {
	width: 100%;
	padding-bottom: 10px; }

#mainBodyHeader td {
	width: 5%;
	white-space: nowrap;
	padding: 0; }

#mainBodyHeader td#LangSelector {
	width: 90%;
	text-align: left;
	padding: 0;
	margin: 0; }

#LangSelector .moduletable {
	text-align: left;
	padding: 0;
	margin: 0; }

#LangSelector .jflanguageselection {
	float: none !important;
	padding: 0;
	margin: 0 0 0 18px;
	text-align: left;
	white-space: nowrap; }

#LangSelector li {
	padding-right: 3px; }


/*----- Modules de Texte entourant la sélection de la langue -----*/

.moduletable_crtCenter, .moduletable_crtLeft, .moduletable_crtRight {
	width: 100%;
	text-align: center; }

.moduletable_crtLeft {
	text-align: left; }

.moduletable_crtRight {
	text-align: right; }


/*----- Formulaire de contact -----*/

.contactForm {
	font-size: 14px !important; }

.contactFormSubmit {
	width: 100%;
	text-align: center;
	margin: 0 auto; }

.button, .contactFormSubmit input {
	margin: 0;
	font-size: 12px; }

.cf_mess_validation_ok {
	font-size: 1em;
	font-style: italic !important;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0; }


/*----- Formulaire d'identification -----*/

.moduletable_login {
	width: 100%; }

.moduletable_login td {
	text-align: center; }

#loginTable {
	width: 80%;
	border: none;
	margin: 0 auto;
	text-align: left; }

#loginTable tr {
	padding: 0; }

#loginTable td {
	text-align: left;
	padding: 2px 0 !important;
	font-size: 12px !important;
	margin: 0 !important; }

#loginTable .loginLabel {
	padding: 0 10px 0 0;
	width: 25%; }

#loginTable label {
	white-space: nowrap; }

#loginTable label, #loginTable input {
	font-size: 12px !important; }

#mod_login_username, #mod_login_password {
	width: 100px; }

#mod_login_remember {
	margin: 0 5px 0 0;
	padding: 0; }

#loginSubmit input {
	margin-bottom: 25px; }

#loginRememberMe input {
	background: transparent;
	border: none; }


/*----- Formulaire d'inscription -----*/

div.registration_title { margin-bottom: 5px; }
div.registration_subtitle { margin-bottom: 20px !important; }
#registerComTable1, #registerComTable2 { width: 100%; margin: 0 5px 20px 5px; }
#registerComTable2 { margin-bottom: 0; }
#registerComTable1 .intro_text, #registerComTable2 .intro_text { text-align: left; padding: 5px 0 25px; font-style: italic; }
#registerComTable1 td.emptyLine, #registerComTable2 td.emptyLine { height: 8px; line-height: 8px; }
#registerComTable1 input, #registerComTable2 input { width: 200px; }
#registerComSubmit { text-align: center; margin: 25px auto 20px; }


/*----- Module de sélection du pays et de la catégorie de partenaires -----*/

.module_pc3s { position: relative; bottom: 17px; left: 13px; margin: 0; padding: 0; }
.module_pc3s form, .module_bcs form { margin: 0; padding: 0; }
.count_pc3s, .categ_pc3s, .valid_pc3s, .count_bcs, .valid_bcs { border: 1px solid #adaa9c; font-size: 9px; color: #010607; padding: 0; margin: 0; }
.count_pc3s, .categ_pc3s { font-style: italic; margin-bottom: 3px; }
.count_pc3s option, .categ_pc3s option, .count_bcs option { font-style: normal; padding: 1px 2px 1px; }
.countHead_pc3s, .categHead_pc3s { font-style: italic !important; }
.valid_pc3s, .valid_bcs { position: relative; top: -2px; left: 1px; padding: 2px 1px; border: none; }
html>body .valid_pc3s, html>body .valid_bcs { top: 1px; }


/*----- Module de sélection du pays de la Boutique -----*/

table.moduletable_bcs, .module_bcs { width: 100%; text-align: center; margin: 0 auto; padding: 0; }
.count_bcs, .valid_bcs { font-size: 12px; }


/*----- Liste des Partenaires -----*/

.contentpane_part td.sectiontableentry1 { white-space: nowrap; margin: 10px 0; }
.contentpane_part a.category_part:link, .contentpane_part a.category_part:visited {
	width: 100%;
	white-space: nowrap;
	font-weight: bolder;
	padding-left: 25px; }

.contentpane_part a.category_part:hover { color: #57757d; }
.contentpane_prtdet { margin-top: 25px; }
.contentpane_prtdet td { padding-top: 1px; padding-bottom: 2px; font-size: 12px; }
.contentpane_prtdet table { margin: 5px 0; }
.contentpane_prtdet a:link, .contentpane_prtdet a:visited { color: #010607; text-decoration: none; }
.contentpane_prtdet a:hover { color: #57757d; }
td.contxtd_company { font-size: 14px !important; font-weight: bold; color: #0c5162; }
.category_description, .category_no_partners {}
#mainBody .category_description { position: static; visibility: visible; display: inherit; }
#mainBody .category_no_partners { position: absolute; visibility: hidden; display: none; }
.contentpane td.contxtd_position { padding-top: 5px; height: 50px; }


/*----- Logos publicitaires -----*/

#logosList { border: none; margin: 12px 0 8px; padding: 0; }
#logosList .moduletable, #logosList .moduletable td { padding: 0; margin: 0; }
#logosList table.artbannersplus { text-align: center; width: 100%; }
#logosList table.artbannersplus td { width: 30%; padding: 0; }


/*----- "Featured Properties" de la page d'accueil -----*/

#featuredProp, #featuredPropLastLine { width: 100%; text-align: center; }
#featuredProp { margin: 15px auto 0; }
#featuredProp tr, #featuredProp td { text-align: center; vertical-align: bottom; margin: 0; padding: 10px 0; }
#featuredProp img { border: 2px solid #ffffff; }
#featuredProp span.hottestPropLegend { padding: 3px 0; position: relative; top: 3px; color: #57757d; font-weight: bold; }


/*----- Menu de gestion de la mise en vente de son bateau -----*/

#HP_agent_menu {}
#HP_agent_menu { margin: 0 0 10px; }
#HP_agent_menu ul { margin: 0; padding: 0; }
#HP_agent_menu li { display: inline; padding: 0 0 0 11px; margin: 0 12px 0 0; background: url(../images/bullet.png) no-repeat 0px 0px; }
html>body #HP_agent_menu li { background-position: 0px 2px; }
#HP_agent_menu a:link, #HP_agent_menu a:visited, #HP_agent_menu input.button {
	display: inline;
	vertical-align: middle;
	font-size: 10px;
	color: #010607;
	text-align: left;
	padding: 0;
	margin: 0;
	height: auto;
	line-height: normal;
	width: auto;
	white-space: nowrap;
	text-decoration: none;
	border: none !important; }

#HP_agent_menu a:hover, #HP_agent_menu input:hover { color: #57757d; text-decoration: none; border: none; cursor: pointer; }
#HP_agent_menu form, #HP_agent_menu input { border: none; padding: 0; margin: 0; }
#HP_agent_menu input { width: 20px; overflow: visible; display: inline; background: transparent; }
html>body #HP_agent_menu input { width: auto; overflow: auto; }


/*----- Fiche de saisie de mise en vente de son bateau -----*/

.tab-page { width: 500px !important; max-width: 500px !important; }
table.adminform textarea { width: 500px !important; max-width: 500px !important; }
table.adminform textarea.inputbox { width: 380px !important; max-width: 380px !important; }
#con_global table#toolbar { width: 10%; margin: 7px auto 15px; }
#con_global table#toolbar tr { height: auto !important; }
table#toolbar a.toolbar { width: auto !important; padding: 3px 8px !important; }
table#toolbar a.toolbar:hover { border: 1px solid #bd1849 !important; background: #f7f7e7 !important; padding: 4px 8px 2px !important; }
.HPRefValue { font-weight: bold; }
.MngPropName .awaiting_approval { color: #c64934; font-size: 9px; padding-left: 2px; }


/*----- Module du compte utilisateur de la boutique Virtuemart -----*/

.moduletable_shopAcc { background: #56757d; padding: 0 0 8px; margin: 8px 0 12px 12px; width: 198px; -moz-border-radius: 5px; -khtml-border-radius: 5px; }
.moduletable_shopAcc h3 { color: #c3d2df; font-size: 15px; font-weight: bold; text-align: center; margin: 0 auto; padding: 5px 0; }
.moduletable_shopAcc a:link, .moduletable_shopAcc a:visited, #VM_account_mod input.button {
	display: block;
	color: #f7f7e7;
	text-decoration: underline;
	font-size: 11px;
	padding: 0 10px;
	margin: 5px 0; }

.moduletable_shopAcc a:hover, #VM_account_mod input:hover { color: #c3d2df; text-decoration: none; }

#VM_account_mod input { display: inline; overflow: visible; border: none !important; padding: 0; margin: 0; width: 20px; background: transparent; }
html>body #VM_account_mod input { width: auto; overflow: auto; }
html>body #VM_account_mod input.button { padding-left: 8px; }
#VM_account_mod input.button { vertical-align: middle; text-align: left; height: auto; line-height: normal; white-space: nowrap; }
#VM_account_mod input:hover { border: none; cursor: pointer; }