/* NaviOuest, Naviguons ensemble - CSS Screen Document */

* {
	margin:0;
	padding:0;
}
body {
/*
	background:transparent url("../img/fond-w1900-h1200.jpg") no-repeat fixed center bottom;
*/
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 1em <=> 10px */
	color:#FFFFFF;
}
h3, h4 {
	clear:both;
}
img {
	border:0;
}
.clear-both {
	clear:both;
}
.majuscule {
	text-transform:uppercase;
}
.souligne {
	text-decoration:underline;
}
.barre {
	text-decoration:line-through;
}
.erreur {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-cross.png") no-repeat 0 0;
}
.valide {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-tick.png") no-repeat 0 0;
}
.prix {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-money.png") no-repeat 0 0;
	font-size:1.2em;
}
.categorie {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-folder.png") no-repeat 0 0;
}
.date {
	font-style:italic;
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-calendar-view-day.png") no-repeat 0 0;
}
.information {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-information.png") no-repeat 0 0;
}
.contact, .nous-contacter {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-email.png") no-repeat 0 0;
}
.email-send {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-email-go.png") no-repeat 0 0;
}
.adresse {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-house.png") no-repeat 0 0;
}
.telephone {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-telephone.png") no-repeat 0 0;
}
.fax {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-fax.png") no-repeat 0 0;
}
.mentions-legales {
	padding:1px 0 2px 20px;
	background:transparent url("../img/icon-script.png") no-repeat 0 0;
}
.plan-du-site {
	padding:1px 0 2px 20px;
	background:transparent url("../img/icon-sitemap.png") no-repeat 0 0;
}
.pdf {
	padding:1px 0 2px 20px;
	background:transparent url("../img/icon-pdf.png") no-repeat 0 0;
}
.image {
	padding:1px 0 2px 20px;
	background:transparent url("../img/icon-image.png") no-repeat 0 0;
}
.document {
	padding:1px 0 2px 20px;
	background:transparent url("../img/icon-document.png") no-repeat 0 0;
}
.croissant {
	width:16px;
	height:16px;
	background:transparent url("../img/icon-bullet-arrow-up.gif") no-repeat 0 0;
	display:block;
	float:left;
	margin-right:2px;
	cursor:help;
}
.decroissant {
	width:16px;
	height:16px;
	background:transparent url("../img/icon-bullet-arrow-down.gif") no-repeat 0 0;
	display:block;
	float:left;
	margin-right:2px;
	cursor:help;
}
.croissant-selected {
	background-image:url("../img/icon-bullet-arrow-up-selected.gif");
}
.decroissant-selected {
	background-image:url("../img/icon-bullet-arrow-down-selected.gif");
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}
#colonne-droite #contenu table img {
	margin:0;
	padding:0;
}
table {
	width:619px;
	height:auto;
	text-align:left;
	margin:15px 0 15px 1px;
	table-layout:auto;
}
table.border {
	border-collapse:collapse;
	border:1px solid #CCC;
}
caption {
	font-weight:bold;
	text-transform:uppercase;
	color:#FFCC00;
	padding:5px 0 5px 0;
	text-align:left;
}
table.border th, table.border td {
	border:1px solid #CCC;
	border-bottom:0;
}
th {
	text-transform:uppercase;
	background:transparent url("../img/fond-degrade-out.png") repeat-x 0 0;
}
th.hide {
	visibility:hidden;
	border-top:0;
}
th, td {
	padding:5px;
}
td.photo {
	width:126px;
}
/* SITE */
#site {
	position:relative;
	width:900px;
	height:auto;
	margin:3% auto;
}
/* HEADER COFIBEL */
#header-cofibel {
	width:auto;
	height:37px;
	overflow:hidden;
}
#header-cofibel #onglet-cofibel {
	width:239px;
	height:37px;
	float:right;
}
#header-cofibel #logo-accastillage-diffusion {
	float:right;
	overflow:hidden;
	margin:8px 15px 0 0;
}
#header-cofibel #onglet-cofibel h1 a {
	display:block;
	width:239px;
	height:37px;
	text-indent:-10000px;
	overflow:hidden;
	background:transparent url("../img/onglet-cofibel.png") no-repeat 0 0;
}
#header-cofibel #onglet-cofibel h1 a:hover {
	background-position:0 -37px;
}
/* PAGE */
#page {
	width:auto;
	height:auto;
	overflow:hidden;
	background:#00689B url("../img/fond-page.png") repeat-y 0 0;
}
/* HEADER NAVIOUEST */
#header-naviouest {
	width:auto;
	height:230px;
	padding:0 10px 0 10px;
	overflow:hidden;
	background:transparent url("../img/fond-header-naviouest.jpg") no-repeat 0 0;
}
#header-naviouest #logo-naviouest {
	position:relative;
	width:auto;
	height:auto;
	float:left;
	margin:15px 0 0 0;
}
#header-naviouest #logo-naviouest a.retour-accueil {
	position:absolute;
	left:0;
	bottom:0;
	color:#FFFFFF;
	display:none;
}
#header-naviouest #logo-naviouest a.retour-accueil:hover {
	text-decoration:none;
}
#header-naviouest #marques-distribuees {
	width:135px;
	height:110px;
	overflow:hidden;
	float:right;
	margin:15px 0 0 0;
	background-color:#FFFFFF;
	border:2px solid #012039;
}
#header-naviouest #marques-distribuees #titre-marques-distribuees {
	width:auto;
	height:30px;
	overflow:hidden;
	background:transparent url("../img/fond-degrade-out.png") repeat-x 0 0;
	text-align:center;
}
#header-naviouest #marques-distribuees #titre-marques-distribuees h3 {
	font-size:1.1em;
	font-weight:normal;
	letter-spacing:1px;
}
#header-naviouest #marques-distribuees #titre-marques-distribuees h3 a {
	display:block;
	width:auto;
	height:30px;
	color:#FFFFFF;
	padding:8px 0 0 0;
	text-decoration:none;
}
#header-naviouest #marques-distribuees #titre-marques-distribuees h3 a:hover, #header-naviouest #marques-distribuees #titre-marques-distribuees h3 a.selected {
	background:transparent url("../img/fond-degrade-over.png") repeat-x 0 0;
}
#header-naviouest #marques-distribuees #logos-marques-distribuees ul {
	display:none;
}
#header-naviouest #logo-naviouest h2 {
	display:none;
}
/* CONTENANT */
#contenant {
	position:relative;
	overflow:hidden;
	width:auto;
	height:100%;
	z-index:2;
	margin-top:-90px;
	padding:0 10px 10px 10px;
}
/* COLONNE DROITE */
#colonne-droite {
	width:620px;
	height:auto;
	float:right;
	overflow:hidden;
	padding-bottom:50px;
}
.accueil #colonne-droite {
	margin-bottom:0;
	padding-bottom:0;
}
#colonne-droite #introduction {
	height:auto;
	overflow:hidden;
}
#colonne-droite #introduction {
	background:#138AC1 url("../img/fond-degrade-contenu.png") repeat-x 0 0;
	border:1px solid #3C6587;
	padding:5px 10px 10px 10px;
	margin:0 0 3px 0;
}
#colonne-droite #introduction h3, #colonne-droite #contenu h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
	letter-spacing:1px;
	color:#FFFFFF;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 10px 0;
	padding:0 0 2px 0;
}
#colonne-droite #introduction h3 a, #colonne-droite #contenu h3 a {
	color:#FFFFFF;
	text-decoration:none;
}
#colonne-droite #introduction h3 a:hover, #colonne-droite #contenu h3 a:hover {
	color:#FFCC00;
}
#colonne-droite #introduction a {
	color:#FFFFFF;
}
#colonne-droite #introduction a:hover {
	text-decoration:none;
}
#colonne-droite #contenu h3 {
	margin-top:10px;
}
#colonne-droite #introduction h4, #colonne-droite #contenu h4 {
	font-size:1.3em;
	margin-bottom:8px;
	padding-bottom:2px;
	text-transform:uppercase;
	color:#E7BD17;
	border-bottom:1px solid #FFFFFF;
}
#colonne-droite #contenu h4 a {
	color:#E7BD17;
	text-decoration:none;
}
#colonne-droite #contenu h4 a:hover {
	color:#FFFFFF;
}
#colonne-droite #introduction a img {
	border:3px solid #CCAE45;
	display:block;
}
#colonne-droite #introduction a:hover img {
	border-color:#0096D1;
}
#colonne-droite #introduction img {
	border:3px solid #CCAE45;
	margin:10px;
}
#colonne-droite #introduction img.float-left {
	margin:0 10px 5px 0;
}
#colonne-droite #introduction img.float-right {
	margin:0 0 5px 10px;
}
#colonne-droite #introduction h5, #colonne-droite #contenu h5 {
	clear:both;
	font-size:1.2em;
	margin-bottom:8px;
	padding-bottom:2px;
	color:#E7BD17;
	background:transparent url("../img/pixel-dotted.gif") repeat-x 0 bottom;
}
#colonne-droite #contenu h5 a {
	color:#E7BD17;
	text-decoration:none;
}
#colonne-droite #contenu h5 a:hover {
	color:#FFFFFF;
}
#colonne-droite #introduction p, #colonne-droite #contenu p {
	text-align:justify;
	font-size:1.1em;
	margin-bottom:8px;
}
#colonne-droite #introduction p.center, #colonne-droite #contenu p.center {
	text-align:center;
}
#colonne-droite #contenu .informations-promotion {
	float:left;
}
#colonne-droite #contenu p.prix {
	font-size:1.6em;
	color:#E7BD17;
}
#colonne-droite #contenu ul li {
	list-style:disc;
	margin:10px;
	list-style-position:inside;
	color:#FFCC00;
}
#colonne-droite #contenu ul li.image, #colonne-droite #contenu ul li.pdf, #colonne-droite #contenu ul li.document {
	list-style:none;
	list-style-position:inherit;
}
#colonne-droite #contenu a {
	color:#FFFFFF;
}
#colonne-droite #contenu a:hover {
	text-decoration:none;
}
#colonne-droite #contenu form {
	font-size:1.1em;
	margin:0 0 10px 0;
}
#colonne-droite #contenu form fieldset {
	border:1px solid #FFF;
	padding:0 10px 0 10px;
	margin-bottom:10px;
}
#colonne-droite #contenu form legend {
	font-size:1.1em;
	color:#FFCC00;
	padding:0 5px 0 5px;
	margin:0 3px 0 0;
}
#colonne-droite #contenu form div {
	margin:10px 0 10px 0;
	overflow:hidden;
	clear:both;
}
#colonne-droite #contenu form label {
	display:block;
	cursor:pointer;
	float:left;
	width:130px;
}
#colonne-droite #contenu form label.obligatoire {
	font-weight:bold;
}
#colonne-droite #contenu form label.radio, #colonne-droite #contenu form label.checkbox {
	width:auto;
	margin:0 20px 0 0;
}
#colonne-droite #contenu form input.text, #colonne-droite #contenu form textarea {
	border:1px solid #013765;
	padding:2px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}
#colonne-droite #contenu form input.text {
	width:150px;
	height:auto;
}
#colonne-droite #contenu form input.readonly {
	border:1px solid #333333;
	background-color:#EEE;
	color:#666666;
}
#colonne-droite #contenu form textarea {
	width:440px;
	height:auto;
}
#colonne-droite #contenu form input.radio, #colonne-droite #contenu form input.checkbox {
	vertical-align:middle;
	margin:0 3px 0 0;
}
#colonne-droite #contenu form div.submit {
	padding-left:130px;
}
#colonne-droite #contenu form input.submit {
	cursor:pointer;
	color:#FFFFFF;
	padding:0 10px 0 10px;
	border:1px solid #000;
	background:transparent url("../img/fond-degrade-out.png") repeat-x 0 0;
}
#colonne-droite #contenu form input.submit:hover {
	background:transparent url("../img/fond-degrade-over.png") repeat-x 0 0;
}
#colonne-droite #contenu form select {
	font-size:1.1em;
}
#colonne-droite #contenu form option {
	padding:0 10px 0 0;
}
#colonne-droite #recherche {
	width:auto;
	height:70px;
	overflow:hidden;
	background:#011E36 url("../img/fond-bloc-recherche.png") no-repeat 10px 0;
	border:1px solid #3C6587;
	margin:0 0 3px 0;
}
#colonne-droite #recherche h3 {
	display:none;
}
#colonne-droite #recherche #formulaire-recherche {
	width:auto;
	height:auto;
	overflow:hidden;
	padding:3px;
	margin:0 0 0 160px;
}
#colonne-droite #recherche #formulaire-recherche fieldset {
	border:0;
}
#colonne-droite #recherche #formulaire-recherche legend {
	display:none;
}
#colonne-droite #recherche #formulaire-recherche .div-select {
	width:auto;
	height:auto;
	float:left;
	overflow:hidden;
	margin-right:15px;
}
#colonne-droite #recherche #formulaire-recherche .div-select.dernier {
	margin-right:0;
}
#colonne-droite #recherche #formulaire-recherche .div-select label {
	cursor:pointer;
	display:block;
	margin-bottom:3px;
}
#colonne-droite #recherche #formulaire-recherche .div-select select {
	width:135px;
	font-size:1.1em;
}
#colonne-droite #fiche-bateau {
	width:auto;
	height:207px;
	border:1px solid #3C6587;
	margin:0;
	background-color:#011E36;
	overflow:hidden;
}
#colonne-droite #fiche-bateau .photos {
	width:275px;
	height:206px;
	float:left;
	overflow:hidden;
	margin:1px 0 0 1px;
	border-right:1px solid #3C6587;
}
#colonne-droite #fiche-bateau .photos ul.galerie {
	width:auto;
	height:175px;
	overflow:hidden;
}
#colonne-droite #fiche-bateau .photos #galerie-fiche-bateau {
	border-bottom:1px solid #3C6587;
}
#colonne-gauche #fiche-bateau .photos #galerie-fiche-bateau #galerie-fiche-bateau-xhr, #colonne-droite #fiche-bateau .photos #galerie-fiche-bateau #galerie-fiche-bateau-xhr {
	height:175px;
}
#colonne-droite #fiche-bateau .photos ul.galerie li {
	display:block;
	width:auto;
	height:auto;
	margin:0;
}
#colonne-droite #fiche-bateau .fiche {
	width:auto;
	height:100%;
	overflow:hidden;
}
#colonne-droite #fiche-bateau .informations {
	padding:10px;
	font-size:1.1em;
}
#colonne-droite #fiche-bateau .informations .produit {
	font-size:1.4em;
}
#colonne-droite #fiche-bateau .informations .date {
	color:#BC9C2F;
}
#colonne-droite #fiche-bateau .informations ul.detail {
	margin:10px 0 0 0;
	list-style:none;
}
#colonne-droite #fiche-bateau .informations ul.detail li {
	display:block;
	background:transparent url("../img/pixel-dotted.gif") repeat-x 0 80%;
	overflow:hidden;
}
#colonne-droite #fiche-bateau .informations ul.detail .intitule {
	background-color:#011E36;
	float:left;
	padding:0 5px 0 0;
}
#colonne-droite #fiche-bateau .informations ul.detail .valeur {
	background-color:#011E36;
	float:right;
	margin:0 0 0 100px;
	text-align:left;
	width:100px;
	padding:0 0 0 5px;
}
#colonne-droite #fiche-bateau .informations ul.detail .description {
	background:none;
	color:#BC9C2F;
	text-align:justify;
}
#colonne-droite #fiche-bateau .photos img {
	display:block;
}
#colonne-droite #fiche-bateau h3 {
	display:none;
}
#colonne-droite #contenu img {
	margin:0 10px 10px 10px;
}
#colonne-droite #contenu a img {
	border:3px solid #CCAE45;
	display:block;
}
#colonne-droite #contenu a:hover img {
	border-color:#0096D1;
}
#colonne-droite #contenu img {
	border:3px solid #CCAE45;
	/*display:block;*/
}
#colonne-droite #contenu .float-left {
	margin-left:0;
	float:left;
}
#colonne-droite #contenu .float-right {
	margin-right:0;
	float:right;
}
#colonne-droite #introduction .suite, #colonne-droite #contenu .suite {
	clear:both;
	text-align:right;
	padding:1px 20px 1px 0;
	background:transparent url("../img/icon-bullet-next.png") no-repeat 100% 0;
}
#colonne-droite #contenu .retour {
	clear:both;
	padding:1px 0 1px 20px;
	margin-top:15px;
	background:transparent url("../img/icon-bullet-previous.png") no-repeat 0 0;
}
#colonne-droite #contenu #focus-media {
	display:block;
	float:left;
	overflow:hidden;
	margin:0 9px 0 1px;
}
#colonne-droite #contenu #focus-media img {
	margin:0;
	padding:0;
}
#colonne-droite #contenu .logo-marque img {
	margin:0 10px 10px 0;
	padding:0;
}
#colonne-droite #contenu ul.galerie {
	width:280px;
	height:100%;
	overflow:hidden;
	float:left;
}
#colonne-droite #contenu ul.galerie li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	float:left;
	margin:0 9px 9px 0;
}
#colonne-droite #contenu ul.galerie li img {
	margin:0;
	padding:0;
}
/* PARTENAIRES */
#colonne-droite #contenu ul.marques {
	overflow:hidden;
	height:100%;
	position:relative;
	margin-bottom:30px;
}
#colonne-droite #contenu ul.marques li {
	padding:0;
	background:none;
	float:left;
	margin:10px;
	width:280px;
	height:86px;
	overflow:hidden;
	list-style:none;
}
#colonne-droite #contenu ul.marques.produits-peches li {
	width:auto;
	margin:4px;
}
#colonne-droite #contenu ul.marques li a.consulter-fiche {
	padding:1px 0 1px 20px;
	background:transparent url("../img/icon-bullet-next.png") no-repeat 0 0;
}
#colonne-droite #contenu .entete-fiche-marque {
	margin-top:15px;
	overflow:hidden;
	height:100%;
}
#colonne-droite #contenu .entete-fiche-marque p {
	text-align:left;
}
#colonne-droite #contenu ul.marques li a img {
	padding:0;
	float:left;
	overflow:hidden;
	margin:0 5px 0 0;
}
#colonne-droite #contenu .promotion {
	position:relative;
	overflow:hidden;
	clear:both;
}
#colonne-gauche {
	width:248px;
	height:auto;
	float:left;
}
#contenant .bloc {
	position:relative;
}
#contenant .bottom {
	position:absolute;
	bottom:0;
	right:10px;
	margin-top:50px;
}
#contenant .bottom .onglets {
	overflow:hidden;
	float:right;
	padding:0;
	height:100%;
	margin:0;
}
#contenant .bottom .onglets li.onglet {
	width:auto;
	height:24px;
	margin:0 0 0 10px;
	float:left;
	bottom:0;
	list-style:none;
}
#contenant .bottom .onglets li.onglet.simple a {
	display:block;
	width:43px;
	height:24px;
	text-indent:-10000px;
	overflow:hidden;
}
#contenant .bottom .onglets li.onglet.texte {
	display:block;
	width:auto;
	height:24px;
	overflow:hidden;
}
#contenant .bottom .onglets li.onglet.texte a {
	display:block;
	width:auto;
	height:24px;
	float:left;
	padding:7px 0 0 0;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#0096D1;
	text-transform:uppercase;
	text-decoration:none;
}
#contenant .bottom .onglets li.onglet.texte a:hover {
	color:#BC9C2F;
}
#contenant .bottom .onglets li.onglet.carte a {
	background:transparent url("../img/onglet-carte.png") no-repeat 0 0;
}
#contenant .bottom .onglets li.onglet.plus a {
	background:transparent url("../img/onglet-plus.png") no-repeat 0 0;
}
#contenant .bottom .onglets li.onglet.plus-criteres a {
	background:transparent url("../img/onglet-plus-criteres.png") no-repeat 0 0;
}
#contenant .bottom .onglets li.onglet.loupe a {
	background:transparent url("../img/onglet-loupe.png") no-repeat 0 0;
}
#contenant .bottom .onglets li.onglet.email a {
	background:transparent url("../img/onglet-email.png") no-repeat 0 0;
}
#contenant .bottom .onglets li.onglet.imprimante a {
	background:transparent url("../img/onglet-imprimante.png") no-repeat 0 0;
}
#contenant .bottom .onglets li.onglet.photo a {
	background:transparent url("../img/onglet-photo.png") no-repeat 0 0;
}
#contenant .bottom .onglets li.onglet.precedent {
	padding-right:36px;
}
.site #contenant .bottom .onglets li.onglet.precedent {
	padding-right:9px;
}
#contenant .bottom .onglets li.onglet.precedent a {
	background:transparent url("../img/onglet-precedent.png") no-repeat 0 0;
}
#contenant .bottom .onglets li.onglet.suivant a {
	background:transparent url("../img/onglet-suivant.png") no-repeat 0 0;
}
#contenant .bottom .onglets li.onglet.droite a {
	background-position:0 0;
	padding-left:50px;
}
#contenant .bottom .onglets li.onglet.simple a:hover {
	background-position:0 -24px;
}
#contenant .bottom .onglets li.onglet.texte.droite a:hover {
	background-position:0 -24px;
}
#contenant .bottom .onglets li.onglet.texte.gauche a {
	background-position:100% 0;
	padding-right:50px;
}
#contenant .bottom .onglets li.onglet.gauche a:hover {
	background-position:100% -24px;
}
#contenant #contenu .bottom {
	bottom:10px;
}
#contenant #contenu .bottom .onglets li.onglet {
	margin-left:0;
}
#contenant #contenu .bottom .onglets li.onglet.texte a {
	color:#FFFFFF;
}
#contenant #contenu .bottom .onglets li.onglet.texte a:hover {
	color:#FFCC00;
}
#contenant .onglet-special {
	display:block;
	width:auto;
	height:30px;
	overflow:hidden;
	float:right;
	margin:0 10px 0 0;
}
#contenant .onglet-special.top .gauche {
	display:block;
	width:10px;
	height:30px;
	float:left;
	overflow:hidden;
	background:transparent url("../img/onglet-special-top-gauche.png") no-repeat 0 0;
}
#contenant .onglet-special .contenu {
	display:block;
	width:auto;
	height:30px;
	padding:9px;
	float:left;
	overflow:hidden;
	font-size:1.2em;
	background:transparent url("../img/onglet-special-contenu.png") repeat-x 0 0;
}
#contenant .onglet-special .contenu a {
	text-decoration:none;
	color:#FFFFFF;
}
#contenant .onglet-special .contenu a:hover {
	color:#FFCC00;
}
#contenant .onglet-special.top .droite {
	display:block;
	width:10px;
	height:30px;
	float:left;
	overflow:hidden;
	background:transparent url("../img/onglet-special-top-droite.png") no-repeat 0 0;
}
#colonne-gauche #menu-principal h3 {
	display:none;
}
#colonne-gauche #menu-principal ul li {
	width:250px;
	height:30px;
	display:block;
	position:relative;
	list-style:none;
	background:#005B8B url("../img/fond-degrade-out.png") repeat-x 0 0;
}
#colonne-gauche #menu-principal ul li:hover, #colonne-gauche #menu-principal ul li.hover, #colonne-gauche #menu-principal ul li.selected {
	background-image:url("../img/fond-degrade-over.png");
}
#colonne-gauche #menu-principal ul li a {
	width:250px;
	height:30px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	display:block;
}
#colonne-gauche #menu-principal ul li a span {
	display:block;
	padding:8px 10px 8px 10px;
}
#colonne-gauche #menu-principal ul li.sous-menu:hover a span {
	background:transparent url("../img/fleche-transparente.gif") no-repeat 95% 8px;
}
#colonne-gauche #menu-principal ul li ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:250px;
	height:30px;
}
#colonne-gauche #menu-principal ul li:hover ul, #colonne-gauche #menu-principal ul li.hover ul {
	visibility:visible;
}
#colonne-gauche #menu-principal ul li ul li {
	width:200px;
	height:auto;
}
#colonne-gauche #menu-principal ul li:hover ul li a span, #colonne-gauche #menu-principal ul li.sous-menu:hover ul li a span {
	background:none;
}
#colonne-gauche #menu-principal ul li ul li a {
	width:200px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#FFFFFF;
	text-transform:none;
	text-decoration:none;
	letter-spacing:1px;
	display:block;
}
#colonne-gauche #bonnes-affaires {
	width:248px;
	height:105px;
	background-color:#011E36;
	border:1px solid #456987;
	border-top:0;
	padding-bottom:30px;
	overflow:hidden;
}
#colonne-gauche #bonnes-affaires h3 {
	display:none;
}
#colonne-gauche #bonnes-affaires .content {
	overflow:hidden;
}
#colonne-gauche #bonnes-affaires .content a {
	color:#FFFFFF;
	text-decoration:none;
}
#colonne-gauche #bonnes-affaires .content p.information {
	margin:10px;
}
#colonne-gauche #bonnes-affaires .content a:hover {
	color:#0096D1;
}
#colonne-gauche #bonnes-affaires .content ul {
	width:10000px;
	height:110px;
	overflow:hidden;
}
#colonne-gauche #bonnes-affaires .content ul li {
	float:left;
	width:248px;
	height:auto;
	list-style:none;
	overflow:hidden;
}
#colonne-gauche #bonnes-affaires .content ul li .photos {
	padding:10px 0 10px 10px;
	float:left;
}
#colonne-gauche #bonnes-affaires .content ul li .informations {
	float:left;
}
#colonne-gauche #bonnes-affaires .content ul li .photos a img, #colonne-gauche #bonnes-affaires .content ul li .photos img {
	border:3px solid #CCAE45;
	display:block;
}
#colonne-gauche #bonnes-affaires .content ul li .photos a:hover img {
	border-color:#0096D1;
}
#colonne-gauche #bonnes-affaires .content ul li .barre-prix .prix {
	clear:both;
	margin:0 10px 0 10px;
	padding:1px 0 2px 10px;
	font-size:1.4em;
	background:#456987;
	width:auto;
}
#colonne-gauche #bonnes-affaires .content ul li .barre-prix .remise {
	float:right;
	margin:-45px 20px 0 0;
	display:block;
	width:95px;
	height:45px;
	background:transparent url("../img/etiquette-prix.png") no-repeat 0 0;
}
#colonne-droite #contenu .promotion .remise {
	position:absolute;
	top:40px;
	right:20px;
	display:block;
	width:95px;
	height:45px;
	background:transparent url("../img/etiquette-prix.png") no-repeat 0 0;
}
#colonne-gauche #bonnes-affaires .barre-prix .remise p, #colonne-droite #contenu .promotion .remise p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	margin:10px 0 0 35px;
}
#colonne-gauche #bonnes-affaires .informations {
	width:160px;
	float:left;
	overflow:hidden;
	padding:10px 0 10px 10px;
}
#colonne-gauche #bonnes-affaires .informations .produit {
	font-size:1.3em;
	font-weight:bold;
}
#colonne-gauche #bonnes-affaires .informations .date {
	color:#BC9C2F;
}
#colonne-gauche #venir-dans-nos-magasins {
	clear:both;
	width:248px;
	height:auto;
	overflow:hidden;
	border:1px solid #456987;
	border-top:0;
	margin:0;
}
#colonne-gauche #venir-dans-nos-magasins h3 {
	display:block;
	width:auto;
	height:30px;
	overflow:hidden;
	background:transparent url("../img/fond-degrade-out.png") repeat-x 0 0;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}
#colonne-gauche #venir-dans-nos-magasins h3 a {
	text-decoration:none;
	letter-spacing:1px;
	color:#FFFFFF;
	display:block;
	width:auto;
	height:30px;
	padding:8px 0 0 10px;
}
#colonne-gauche #venir-dans-nos-magasins h3 a:hover, #colonne-gauche #venir-dans-nos-magasins h3 a.selected {
	background:transparent url("../img/fond-degrade-over.png") repeat-x 0 0;
}
#colonne-gauche #venir-dans-nos-magasins #carte-gmaps img {
	display:block;
}
#colonne-gauche #fiche-bateau {
	width:248px;
	height:auto;
	overflow:hidden;
	background-color:#011E36;
	border:1px solid #456987;
	border-top:0;
}
#colonne-gauche #fiche-bateau h3 {
	display:block;
	width:auto;
	height:30px;
	overflow:hidden;
	background:transparent url("../img/fond-degrade-out.png") repeat-x 0 0;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}
#colonne-gauche #fiche-bateau h3 a {
	text-decoration:none;
	letter-spacing:1px;
	color:#FFFFFF;
	display:block;
	width:auto;
	height:30px;
	padding:8px 0 0 10px;
}
#colonne-gauche #fiche-bateau h3 a:hover, #colonne-gauche #fiche-bateau h3 a.selected {
	background:transparent url("../img/fond-degrade-over.png") repeat-x 0 0;
}
#colonne-gauche #fiche-bateau .photos {
	width:248px;
	height:100%;
	overflow:hidden;
	padding-bottom:30px;
	border-bottom:1px solid #456987;
}
#colonne-gauche #fiche-bateau .photos ul.galerie {
	width:auto;
	height:175px;
	overflow:hidden;
}
#colonne-gauche #fiche-bateau .photos ul.galerie li {
	display:block;
	width:auto;
	height:auto;
}
#colonne-gauche #fiche-bateau .photos img {
	display:block;
}
#colonne-gauche #fiche-bateau .photos #galerie-fiche-bateau {
	border-bottom:1px solid #3C6587;
}
#colonne-gauche #fiche-bateau .fiche {
	padding-bottom:30px;
	overflow:hidden;
	height:100%;
}
#colonne-gauche #fiche-bateau .informations {
	padding:10px;
	font-size:1.1em;
}
#colonne-gauche #fiche-bateau .informations .produit {
	font-size:1.4em;
}
#colonne-gauche #fiche-bateau .informations .date {
	color:#BC9C2F;
}
#colonne-gauche #fiche-bateau .informations ul.detail {
	margin:10px 0 0 0;
	list-style:none;
}
#colonne-gauche #fiche-bateau .informations ul.detail li {
	display:block;
	background:transparent url("../img/pixel-dotted.gif") repeat-x 0 80%;
	overflow:hidden;
}
#colonne-gauche #fiche-bateau .informations ul.detail .intitule {
	background-color:#011E36;
	float:left;
	padding:0 5px 0 0;
}
#colonne-gauche #fiche-bateau .informations ul.detail .valeur {
	background-color:#011E36;
	float:right;
	margin:0 0 0 60px;
	text-align:left;
	width:60px;
	padding:0 0 0 5px;
}
#colonne-gauche #fiche-bateau .informations ul.detail .description {
	background:none;
	color:#BC9C2F;
}
#footer {
	position:absolute;
	bottom:0;
	z-index:1;
	width:100%;
	height:100px;
	clear:both;
	overflow:hidden;
	background:transparent url("../img/fond-footer.png") no-repeat 0 bottom;
}

/* GMAPS */
#colonne-droite #contenu div.gmaps-map{
	border:1px solid #fff;
	margin-bottom:8px;
	height:300px;
}
#colonne-droite #contenu div.gmaps-map p.loading{
	margin:10px;
	text-align:center;
}
#colonne-droite #contenu ul.gmaps-steps,
#colonne-droite #contenu ul.gmaps-steps li,
#colonne-droite #contenu ul.gmaps-steps li strong,
#colonne-droite #contenu ul.gmaps-steps li em{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	background:transparent none;
}
#colonne-droite #contenu ul.gmaps-steps{
	margin-bottom:8px;
}
#colonne-droite #contenu ul.gmaps-steps li{
	border-bottom:1px solid #fff;
	color:#fff;
	background:transparent none;
	position:relative;
	margin:0;
	padding:8px;
	cursor:pointer;
	overflow:hidden;
	font:normal normal normal 11px Verdana, Helvetica, sans-serif;
}
#colonne-droite #contenu ul.gmaps-steps li.groute{
	border:1px solid #fff;
	height:30px;
	padding-left:40px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:5px 0px;
	font-weight:bold;
}
#colonne-droite #contenu ul.gmaps-steps li.groute.start{
	background-image:url(/img/marker-depart-gmaps.png);
}
#colonne-droite #contenu ul.gmaps-steps li.groute.pause{
	background-image:url(/img/marker-point-gmaps.png);
}
#colonne-droite #contenu ul.gmaps-steps li.groute.end{
	background-image:url(/img/marker-arrivee-gmaps.png);
}
#colonne-droite #contenu ul.gmaps-steps li.groute strong{
	display:none;
}
#colonne-droite #contenu ul.gmaps-steps li.gstep{
	padding-right:100px;
	padding-left:40px;
}
#colonne-droite #contenu ul.gmaps-steps li.last{
	border-bottom:0;
}
#colonne-droite #contenu ul.gmaps-steps li div.google_note{
	font-weight:bold;
}
#colonne-droite #contenu ul.gmaps-steps li strong{

}
#colonne-droite #contenu ul.gmaps-steps li.gstep strong{
	position:absolute;
	top:8px;
	left:8px;
	display:block;
	width:20px;
	text-align:center;
}
#colonne-droite #contenu ul.gmaps-steps li.gstep strong span{
	display:none;
}
#colonne-droite #contenu ul.gmaps-steps li em{
	position:absolute;
	right:8px;
	bottom:3px;
	font-style:normal;
	font-weight:normal;
	text-align:right;
}
#colonne-droite #contenu ul.gmaps-steps li em span{
	display:block;
}
#colonne-droite #contenu ul.gmaps-steps li em span.distance{
	font:normal normal normal 12px Tahoma, Helvetica, sans-serif;
}
#colonne-droite #contenu ul.gmaps-steps li em span.duration{
	font:normal normal normal 9px Tahoma, Helvetica, sans-serif;
	color:#ccc;
}
#colonne-droite #contenu ul.gmaps-steps li em span.gps{

}
#colonne-droite #contenu ul.gmaps-steps li.alt{

}
#colonne-droite #contenu ul.gmaps-steps li.hover{
	border-color:#E7BD17;
}
#colonne-droite #contenu ul.gmaps-steps li.hover strong{
	color:#E7BD17;
}
/* RECHERCHE MOTEUR */
#colonne-droite #contenu #rechercher-moteur #champs-recherche {
	height:100%;
	overflow:hidden;
}
#colonne-droite #contenu #rechercher-moteur .div-select {
	display:inherit;
	width:auto;
	height:100%;
	float:left;
	overflow:hidden;
	margin:5px 15px 5px 0;
	clear:none;
}
#colonne-droite #contenu #rechercher-moteur .div-select label {
	display:block;
	width:100px;
	float:none;
}
#colonne-droite #contenu #rechercher-moteur .div-select select {
	width:180px;
	font-size:1.1em;
}
#colonne-droite #contenu #rechercher-moteur div.submit {
	padding-left:0;
}
/* MENU SECONDAIRE */
#menu-secondaire {
	position:absolute;
	right:0;
	clear:both;
}
#menu-secondaire ul {
	margin:5px 0 5px 0;
}
#menu-secondaire ul li {
	display:inline;
	list-style:none;
	margin:0 5px 0 5px;
}
#menu-secondaire ul li a {
	text-transform:uppercase;
	color:#011E36;
}
#menu-secondaire ul li a:hover {
	text-decoration:none;
}
/* MULTIPAGE */
#colonne-droite #contenu ul.multipage {
	text-align:right;
}
#colonne-droite #contenu ul.multipage li {
	display:inline;
}